【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