了解jquery屬性過濾選擇器有哪些?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!
創新互聯公司是創新、創意、研發型一體的綜合型網站建設公司,自成立以來公司不斷探索創新,始終堅持為客戶提供滿意周到的服務,在本地打下了良好的口碑,在過去的10年時間我們累計服務了上千家以及全國政企客戶,如石牌坊等企業單位,完善的項目管理流程,嚴格把控項目進度與質量監控加上過硬的技術實力獲得客戶的一致稱揚。jquery屬性過濾選擇器有:“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。
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屬性過濾選擇器有哪些大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創新互聯行業資訊頻道。
分享名稱:jquery屬性過濾選擇器有哪些-創新互聯
瀏覽地址:http://newbst.com/article16/dggpgg.html
成都網站建設公司_創新互聯,為您提供網站建設、移動網站建設、微信公眾號、企業建站、定制開發、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯