【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の処理を実行させるそうです。
詳しい情報は、下記のサイトの質問が参考になります。
個人的によく使うセレクタ一覧
$("#id1")
※ID名「id1」を指定
$(".class1")
※CLASS名「class1」を指定
$(".class1,.class2")
※OR検索で複数指定するときは「,」をつける(例はクラス名で指定しました。)
$("#id"+"1")
※文字列を結合させて、id名を指定させる
$("[name=test1]")
※name名を指定
$("a[name=test1]")
※aタグのname名を指定
他も使うセレクタがあれば、こちらへ追記したいと思います。
よく使うjQueryのイベント判定は、下記の記事をご確認ください。
zen6a.hateblo.jp