jQuery

JQuery $(this)に対する回答

$(this)便利ですよね。 $(this)の子要素や、隣接要素が選択できればもっと便利に活用することが出来ます。例えば、ページ内に複数のリンクURLがあるとして、それをattrで取得し変数へ。その後...

Read More

JQueryを使って、指定期日にコンテンツの一部を自動で

折角の休みなのに、何月何日何時にここを入れ替えてくれ! という要望ってないですか?そういう時はタイマー設置しときましょう。 楽ちんですね。...

Read More

スクロールで出現するFixメニューと、一定スクロールで消えるFixメニュー

スクロールを開始するとにゅるっと出現するフローティングメニューと、そのフローティングメニューを一定スクロールで消すTipsです。ボトム固定やトップ固定などはCSSの記述でなんとかします。 フローティン...

Read More

画像のサイズを取得して一定のサイズ以下の場合にClassを付与する方法

サイト制作などで、画像サイズがまちまちなときありますよね。画像サイズが一定よりも小さい時だけに処理がしたい。そういう時に役立つTipsです。 ひとまず $(‘img’).eac...

Read More

アコーディオンパネルで、展開・格納

ここにアコーディオンでコンテンツの収納・展開を行いたいなぁ。という時にサクッと実装できるTips。格納しているときは +(プラス)を出して、展開しているときは ー(マイナス)ボタンを出すときにも有効な...

Read More

スマホからのコンバージョン率を上げる

レッツグロースハック! 最近ではスマートフォンからの閲覧を軽視することが出来ないですね。どういったサイトであれ60%前後のUUをスマホが持って行っているのではないでしょうか。スマホ向けのCVアップ対策...

Read More

動的に生成されたリストにclassをつけるJQuery

動的に生成されたリストにclassを追加すると便利ですよね。というわけで音速で実装できます。 これだけで完成します。 これを応用すると、tableにthが無いような場合でもthを追加可能。 色々遊べる...

Read More

JQueryでURLパラメーターを取得後、ifで条件分岐

URLパラメーターを取得してJQueryで条件分岐をやってみましょう。GETメソッドでURLパラメータが付く場合に、コンテンツの中身を入れ替えたりできるので、A/Bテストの実行にも有用だと思います。簡...

Read More

今日から使える 実例付き JQuery Cheat Sheet

HTML/CSSを操作する、今日から使えるJQueryチートシート。よく使うものをまとめてみました。実例付きなのでどういう時に使うかがイメージしやすいと思います。今回ご紹介できなかったメソッドはまたい...

Read More

JQueryでHTML要素を変更するTips

HTMLソースを編集することが出来ない案件で、サイトのレイアウトを変更したい。そんな時どうしますか。「HTMLさわれないなら何も出来ないじゃないか!」というのはある種間違いです。サイト構築の際にも後か...

Read More