ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryの基本的なフィルターセレクターの詳細解説 selector_jquery

jqueryの基本的なフィルターセレクターの詳細解説 selector_jquery

WBOY
WBOYオリジナル
2016-05-16 17:02:171147ブラウズ
コードをコピー コードは次のとおりです。



コードをコピー コードは次のとおりです:


州および市の行政区画< table border = "1" width = "50%">
shanghai
🎜>🎜>< tr>
tr>
gt;



コードをコピーします


コードは次のとおりです。


$("tr:first").addClass("highlight"); // 一致する最初の tr 要素を取得します





2. :last()




コードをコピー

コードは次のとおりです:

$("tr:last").addClass("highlight") //最後に一致した tr 要素を取得します 3. :not(selector)


コードをコピーします

は次のとおりです:

$("td:not(:even)").addClass("highlight");//Get td 4. :even


コードをコピー

コードは次のとおりです以下:

$("tr:even").addClass("highlight"); //0 から数えて偶数のインデックス値を持つすべての要素と一致しますfive , :odd


コードをコピー

コードは次のとおりです:


$("tr:odd").addClass("highlight"); //0 から数えて奇数のインデックス値を持つすべての要素と一致します

コードをコピー

コードは次のとおりです:

$( "tr:eq(2)").addClass("highlight"); // 指定されたインデックス値を持つ要素を照合します



7. :gt(index)
コードをコピー コードは次のとおりです。 :

$("tr:gt(1)").addClass("highlight"); //指定されたインデックス値より大きいすべての要素に一致します



8. :lt(index)
コードをコピーします コードは次のとおりです:

$("tr:lt(2)").addClass("highlight"); //指定されたインデックス値よりも小さいすべての要素に一致します



9. :header
コードをコピーします コードは次のとおりです:

$ (":header").addClass( "highlight"); // h1、h2、h3 などのタイトル要素と一致

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。