PG WORKS

PHPやLinux(サーバー)などのノウハウや、便利なツールを紹介していきます。

【jQuery】よく使うセレクタの指定方法

動的なページを作る際にお世話になるjQuery
私個人のメモも兼ねて、宣言部分とセレクタの書き方を、掲載していきたいと思います。

jQuery宣言部分

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    // ここに処理を書く
  });
</script>

jQuery.min.js」はGoogleDeveloperサイトから取得しています。
(https://developers.google.com/speed/libraries/?hl=ja)

「$(document).ready(function()」部分ですが、html終了タグが読み込まれたときに、上のjQueryの処理を実行させるそうです。
詳しい情報は、下記のサイトの質問が参考になります。

oshiete.goo.ne.jp

個人的によく使うセレクタ一覧

$("#id1")
※ID名「id1」を指定

$(".class1")
※CLASS名「class1」を指定

$(".class1,.class2")
※OR検索で複数指定するときは「,」をつける(例はクラス名で指定しました。)

$("#id"+"1")
※文字列を結合させて、id名を指定させる

$("[name=test1]")
※name名を指定

$("a[name=test1]")
※aタグのname名を指定

他も使うセレクタがあれば、こちらへ追記したいと思います。

よく使うjQueryのイベント判定は、下記の記事をご確認ください。
zen6a.hateblo.jp