jQueryセレクターとjQueryエフェクト

このレッスンではjQueryセレクターとjQueryエフェクトについて検討します。

セレクター

セレクターの中で、最もよく使用するのはクラスとidです。セレクターはしばしばCSSのセレクターに対応しているため、CSSでセレクターを書くことができれば、jQueryでセレクターを書くことができます。クラスを選択する方法は次のとおりです：

$('.class')

そしてこのようにidを選択します：

$('#id')

エフェクト

jQueryには多くのエフェクトがあります：hide/show（右下隅から非表示）、slideUp/slideDown（隠す方向を選択できます）、fadeOut/fadeIn（透明度の段階的な変更）。

$('.class').hide(1000);

$('.class').fadeOut(1000);

$('.class').slideUp(1000);

レッスンではsetTimeout関数も使用しました。これはJavaScript関数で、コードの実行を遅延させます：

setTimeout(function(){

  // code here

}, 1000);

setTimeoutの最初のパラメーターとして、2番目のパラメーターで指定された時間実行が遅延するコードを挿入できる関数を渡します。