jQueryセレクタ

jQueryセレクタ

Gist

 閲覧数:585  投稿日:2014-11-13  更新日:2016-01-05  

色々なjQueryセレクタ

クラス
・divに設定した「"target"」クラス

開始文字列指定
・divに設定した「文字列"target"から始まる」クラス

開始文字列+ハイフン区切りを指定
・divに設定した「文字列"target-"から始まる」クラス


コード

/*
クラス
divに設定した「"target"」クラス
<div class="target"></div>
*/
$('div.target')

/*
開始文字列指定
divに設定した「文字列"target"から始まる」クラス
<div class="target1"></div>
*/
$("div[class^=target]")

/*
開始文字列+ハイフン区切りを指定
divに設定した「文字列"target-"から始まる」クラス
<div class="target-1"></div>
*/
$("div[class|=target]")



タグ


$ 


リンク


選択子





類似度ページランキング
順位 ページタイトル抜粋
1 jQueryセレクタ 100
2 オブジェクトを生成し、アクセス 16
3 テーブルタグと内容を作成して追加 / insertRow 16
4 json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換 15
5 json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 15
6 現在日時を、dateオブジェクトとして取得 13
7 テーブルタグと内容を作成して追加 / for 13
8 配列をネストしたオブジェクトを生成し、アクセス 12
9 右クリック禁止 12
10 オブジェクトから JSON へ変換。JSON.stringify() メソッドを利用 12
11 クリックした要素を取得 10
12 HTMLからタイトルを取得 9
13 オブジェクトの要素数を数える 8
14 CSSメディアクエリと同じように、スクリーンサイズ毎にJavaScriptで条件分岐 8
15 オブジェクトのキーとして、変数の値を使用 7
16 オブジェクトのキーとして、配列からランダムな値を取得して使用 5
17 オブジェクト内配列より、重複しない値を取得して、新たな配列を生成 5
18 クリックした要素のid名を取得 / クリックした要素のクラス名を取得 5
19 配列生成後、全ての中身を順番に、別の関数へ引数として渡す 0
20 配列を、アルファベット順(文字コード順)に並べ替え 0
2025/4/30 14:32 更新