首頁 > web前端 > js教程 > jquery屬性過濾選擇器有哪些?

jquery屬性過濾選擇器有哪些?

青灯夜游
發布: 2020-11-13 17:12:53
原創
3401 人瀏覽過

jquery屬性過濾選擇器有:「[attribute]」、「[attribute=值]」、「[attribute*=值]」、「[attribute~=值]」、「[attribute!=值]”、“[attribute^=值]”等等。

jquery屬性過濾選擇器有哪些?

【相關推薦:jQuery影片教學

jquery屬性過濾選擇器

在HTML文件中,元素的開始標記中通常包含有多個屬性(attribute), 在jQuery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性(如title等)對選擇器查詢到的元素進行過濾

屬性過濾選擇器包含了在中括號"[]"中,而不是以冒號開頭,通常使用"選擇器[屬性過濾選擇器]"語法格式,可以根據是否包含指定屬性或根據屬性值從查詢到的元素中進行篩選。

1:包含屬性篩選器「[attribute]」

      用來選擇所有包含給定屬性的元素

     格式:

$("selector[attribute]")
登入後複製

2:屬性等於篩選器「[attribute=value]」

     用來篩選所有給定屬性等於某特定值的所有元素

     $("selector[attribute=value]");
登入後複製

    範例:

$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中
登入後複製

3:屬性包含篩選器「[attribute *= value]」

      用來選擇指定屬性值包含給定字串的所有元素

     格式:

$("selector[attribute*=value]")
登入後複製

    範例:

$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值
登入後複製

4:屬性包含單字過濾器「[attribute ~= value]」

    用於選擇指定屬性值中包含給定單字(以空格分隔)的元素

    格式:

$("selector[attribute~=value]");
登入後複製

    範例:

$('input[name~='news']').val("name中包含news单词的元素");
登入後複製

5:屬性不等於過濾器「[attribute !=value]」

      用來選擇不包含指定屬性,或包含指定屬性但該屬性不等於某個值的所有元素

      格式:

$("selector[attribute!=value]")
登入後複製

6:屬性開始篩選器「[attribute ^= value]」

      用來選擇給定屬性是以某特定值開始的所有元素

     格式:

$("selector[attribute^=value]")
登入後複製

7:屬性結尾過濾器「[attribute $= value]」

      用於選擇給定屬性是以某特定值結尾的所有元素

      格式:

$("selector[attribute$=value]")
登入後複製

8:複合屬性過濾器

      用於選擇同時滿足多個條件的所有元素

     格式:

$("selector[selector1][selector2]...[selector[N]")
登入後複製

    實例:

$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
登入後複製

更多程式相關知識,請造訪:程式設計影片! !

以上是jquery屬性過濾選擇器有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板