jquery選擇器之屬性過濾選擇器詳解
更新時(shí)間：2014年01月27日 09:21:27 作者：
本篇文章主要是對jquery選擇器之屬性過濾選擇器進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<style type="text/css">
/*高亮顯示*/
.highlight{
background-color: gray
}
</style>
復(fù)制代碼 代碼如下:
<body>
<div>
<p>Hello</p>
</div>
<div id="test">ID為test的DIV</div>
<input type="checkbox" id="s1" name="football" value="足球" />足球
<input type="checkbox" name="volleyball" value="排球" />排球
<input type="checkbox" id="s3" name="basketball" value="籃球" />籃球
<input type="checkbox" id="s4" name="other" value="其他" />其他
</body>
1. [attribute]用法
定義：匹配包含給定屬性的元素
復(fù)制代碼 代碼如下:
$("div[id]").addClass("highlight"); //查找所有含有ID屬性的div元素
2. [attribute=value]用法
定義：匹配給定的屬性是某個(gè)特定值的元素
復(fù)制代碼 代碼如下:
$("input[name='basketball']").attr("checked",true); //name屬性值為basketball的input元素選中
3. [attribute!=value]用法
定義：匹配給定的屬性是不包含某個(gè)特定值的元素
復(fù)制代碼 代碼如下:
$("input[name!='basketball']").attr("checked",true); //name屬性值不為basketball的input元素選中
//此選擇器等價(jià)于:not([attr=value])要匹配含有特定屬性但不等于特定值的元素，請使用[attr]:not([attr=value])
$("input:not(input[name='basketball'])").attr("checked",true);
4. [attribute^=value]用法
定義：匹配給定的屬性是以某些值開始的元素
復(fù)制代碼 代碼如下:
$("input[name^='foot']").attr("checked",true); //查找所有 name 以 'foot' 開始的 input 元素
5. [attribute$=value]用法
定義：匹配給定的屬性是以某些值結(jié)尾的元素
復(fù)制代碼 代碼如下:
$("input[name$='ball']").attr("checked",true); //查找所有 name 以 'ball' 結(jié)尾的 input 元素
6. [attribute*=value]用法
定義：匹配給定的屬性是以包含某些值的元素
復(fù)制代碼 代碼如下:
$("input[name*='sket']").attr("checked",true); //查找所有 name 包含 'sket' 的 input 元素
7. [selector1][selector2][selectorN]用法
定義：復(fù)合屬性選擇器，需要同時(shí)滿足多個(gè)條件時(shí)使用
復(fù)制代碼 代碼如下:
$("input[id][name$='ball']").attr("checked",true); //找到所有含有 id屬性，并且它的 name屬性是以 ball結(jié)尾的
您可能感興趣的文章:
- jQuery prev ~ siblings選擇器使用介紹
- jquery 層次選擇器siblings與nextAll的區(qū)別介紹
- 使用jquery選擇器如何獲取父級元素、同級元素、子元素
- JQuery 選擇器、過濾器介紹
- jquery選擇器排除某個(gè)DOM元素的方法（實(shí)例演示）
- jQuery Selector選擇器小結(jié)
- JQuery中$之選擇器用法介紹
- jquery選擇器-根據(jù)多個(gè)屬性選擇示例代碼
- jQuery中的類名選擇器（.class）用法簡單示例
- jQuery選擇器全集詳解
- jquery選擇器大全 全面詳解jquery選擇器
- jQuery 選擇器用法實(shí)例分析【prev + next】
這篇文章主要介紹了jQuery中html()方法用法,以實(shí)例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12 
jQuery隨機(jī)切換圖片的小例子，需要的朋友可以參考一下
2013-04-04 
jquery將一個(gè)表單序列化為一個(gè)對象的方法
將表單序列化為一個(gè)對象的方法有很多，在本文為大家介紹下使用jquery是如何做到的，感興趣的朋友可以參考下
2014-01-01 
jquery trim() 作用是，刪除字符串兩邊出現(xiàn)的空格
2011-02-02 
jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法,涉及jquery操作頁面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07 
validationEngine 表單驗(yàn)證插件使用實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了jquery validationEngine 表單驗(yàn)證插件效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧
2017-06-06 
這篇文章主要介紹了jQuery中on()方法用法,實(shí)例分析了on()方法的功能及各種常見的使用技巧,并對比分析了與bind(),live(),delegate()等方法的區(qū)別,需要的朋友可以參考下
2015-02-02 
jquery實(shí)現(xiàn)仿新浪微博帶動畫效果彈出層代碼(可關(guān)閉、可拖動)
這篇文章主要介紹了jquery實(shí)現(xiàn)仿新浪微博帶動畫效果彈出層代碼,具有可關(guān)閉及可拖動的功能,涉及jQuery針對鼠標(biāo)事件的響應(yīng)及頁面元素屬性的變換功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10 
用jQuery實(shí)現(xiàn)的模仿a的title屬性的例子，在測試的時(shí)候ie6,7上出現(xiàn)了層次混亂，下面是解決方法，感興趣的朋友可以看看
2014-10-10