jQuery
jQueryで属性の内容を前方一致で探す
jQueryはクラスやidなので、絞る方法がメジャーですが、もっと柔軟にDOMを検索できます。 <div name=”hoge”></div> <div id=”foo-1″><…
jQueryでクリックした時の動作を表示・非表示で分岐する
toggle()を使えば一番簡単なのですが、うまくいかなかったので分岐を利用しました。 $(‘open-toggle’).click(function(){ if ($(‘.open-body’).css(‘displa…jQueryで読み込み時とリサイズ時の画面サイズによって処理を判定する
以前このハックを書いたのですが、こちらの方法だと、リサイズ時の処理がうまくいかなかったので、以下のように修正しました。 $(window).on(‘load resize’, function(){ var w = $(…jQueryのliveを使えば、簡単にクリックイベントが拾える
こんな感じの実装をするとクリックするたびに増える要素が作れます。 <div class=”test”><p>こんな感じの実装をするとクリックするたびに増える要素が作れます。</p</d…jQueryで指定した要素を包み込むタグを追加する
.wrap内のpタグをdivすタグでべて包み込みたい場合は以下のように指定します。 $( ‘.wrap > p’ ).wrapAll( ‘<div class=”sample”></div>…特定のブロックを指定秒数経過後に非表示にする
sampleというclassをもったブロックを30秒表示後に非表示にする場合は以下のように記述します。 ただしブラウザリロードで復活します。 JavaScript jQuery(function ($) { $(“.sa…jQueryでchangeイベントを拾っていろいろしようとするとthisが迷子に
thisが迷子になる前に、jQueryオブジェクトを変数にしておくといいです。 $.(function(){ $(“#target”).change(function () { var target = $(this);…