JQuery セレクター、フィルター

1. 基本セレクター (5)

#id セレクター $("divId") は、ID が divId である要素を選択します

.class class selector $("class") は、CSS クラスが class であるすべての要素を選択します

tag タグセレクター $("a") はすべてを選択します

* ワイルドカードセレクター $("*") は、ページ上のすべての要素を選択します

、グループセレクター $("#divId,a,class")

2.レイヤーセレクター

3. 基本フィルター

:first は最初の 1 要素を選択します。$("div:最初")

:last は最後の要素を選択します。$("div:last")

:not は、「選択する」条件を満たさない要素を選択します。$("input:not(.myClass)")

:even,:odd 偶数と奇数のインデックスを持つ要素を選択 $("tr:even") $("tr:odd")

:eq(インデックス番号)、:gt(インデックス番号)、:lt(インデックス番号)はそれぞれ表す

インデックス付き要素と等しい、より大きい、以下。

:header はすべての h1...h6 要素を選択します。$(":header")
4. コンテンツフィルター

：contains(text) $("div:contains('text')")

:parent は、すべての子要素またはテキスト td 要素を検索します $("td:parent")

:empty は、子またはテキスト $("td:empty") を含まないすべての空の要素を検索します

5.可視性フィルター

:hidden はすべての非表示要素に一致します $("tr:hidden")

:visible はすべての可視要素に一致します $("tr:visible")

可視性:非表示の非表示要素

6.属性フィルター

[attribute] は、指定された属性を含む要素に一致します

[attribute=value] は、指定された属性が特定の値である要素に一致します

$("input[name='text']").attr("checked",true)

[attribute!=value] は、指定された属性が特定の値である要素に一致します

[attribute^=value] は、指定された属性が何らかの値で始まる要素に一致します

[attribute$=value] は、指定された属性が何らかの値で終わる要素に一致します

[attribute*=value] は、指定された属性に何らかの値が含まれる要素に一致します

[attrbuteFilter1] は属性セレクターに準拠し、複数の条件を満たす必要がある場合に使用されます $("input[id][name='text']")

[属性フィルター2]

[属性フィルター3]

        $(function () {
            //属性过滤器
          alert($("a[title][title=#]").text()); //过滤title等于#的
          alert($("a[title][title!=#]").text());//过滤title不等于#的
          alert($("a[href][href=#]").attr("href", "javascript:void(0)")); //替换一个属性
        $("a[href][href=#]").attr({ href: "javascript:void(0)",title:"修改后的超链接"}) //替换多个属性
           
        });

attr("","") 属性を置換

attr({_: "", _: ""}) コンマで区切られた複数の属性を置き換えます

        $(function () {
            
            $("a[href][href=#]").click(function () {
                alert($(this).text()); //单击事件  显示点击内容
            });

7. サブ要素フィルター

             alert($("ul li:first").text());
            alert($("ul li:nth-child(odd)").text());//奇数
             alert($("ul li:nth-child(even)").text()); //偶数
            alert($("ul li:nth-child(2n)").text()); //2的倍数

JQuery セレクター、フィルター

1. 基本セレクター (5)

おすすめ