Jqueryセレクタ


基本セレクタ


// 全要素指定

$("*");

// IDセレクタ #ID名を使用する

$("#testId");

// 属性セレクタ [属性名]で指定する。

$("[name]");

// 属性セレクタ [属性名=値]で指定する。

$("[name='testName']");

// 前方一致属性セレクタ [属性名^=値]で指定する。

$("[name^='testName']");

// 後方一致属性セレクタ [属性名$=値]で指定する。

$("[name$='testName']");

// 部分一致属性セレクタ [属性名*=値]で指定する。

$("[name*='testName']");

// CSSセレクタ .CSSクラス名で指定する。

$(".testCssName");

// タグセレクタ タグ名で指定する。

$("table");

// ANDセレクタ 各セレクタを連結して指定する。
$("#testId[name='testName']");

// ORセレクタ 各セレクタをカンマ区切りで指定する。
$("#testId,[name='testName']");

親子セレクタ


// 指定要素直下の子要素を指定する

$("table>tr");

ex. $("tr", "table");

ex2. $(""table").find("tr");

Jqueryの入門書です。

10日でおぼえる jQuery入門教室
10日でおぼえる jQuery入門教室

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です