jQuery中[attribute!=value]選擇器用法實(shí)例
更新時(shí)間：2014年12月31日 10:03:11 投稿：shichen2014
這篇文章主要介紹了jQuery中[attribute!=value]選擇器用法,實(shí)例分析了[attribute!=value]選擇器匹配不包含指定屬性元素的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中[attribute!=value]選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器匹配所有不含有指定的屬性，或者屬性不等于特定值的元素。
此選擇器等價(jià)于:not[([attr=value])。
要匹配含有特定屬性但不等于特定值的元素，請(qǐng)使用[attr]:not([attr=value])
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$("[attribute!=value]")
參數(shù)列表:
實(shí)例代碼:
實(shí)例一:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id!='second']").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html專區(qū)</li>
<li id="second">Jquery專區(qū)</li>
</ul>
<ul>
<li id="third">歡迎來到腳本之家</li>
<li>腳本之家歡迎您</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼可以將li元素中id屬性值不等于second或者不具有id屬性值的li元素中的文本顏色設(shè)置為藍(lán)色。
實(shí)例二:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id!=sec[ond]").css("color","blue");
});
});
</script>
</head>
<body>
<ul>
<li id="first">html專區(qū)</li>
<li id="sec[ond">Jquery專區(qū)</li>
</ul>
<ul>
<li id="third">歡迎來到腳本之家</li>
<li>腳本之家歡迎您</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
從以上代碼可以看出如何代碼中含有"["或者"]"的時(shí)候，必須要帶有引號(hào)，否則會(huì)造成匹配錯(cuò)誤。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了JQuery選擇器、過濾器大整理,經(jīng)過一晚上的查找整理,終于整理出一套應(yīng)該算最全面的JQuery選擇過濾器的方法了,需要的朋友可以參考下2015-05-05
jQuery實(shí)現(xiàn)的文字hover顏色漸變效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的文字hover顏色漸變效果,以完整實(shí)例形式分析了jQuery實(shí)現(xiàn)文字顏色漸變效果的相關(guān)技巧,涉及jQuery插件jquery-ui-1.8.16.custom.min.js的使用,需要的朋友可以參考下2016-02-02
jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
Orbit是一個(gè)設(shè)計(jì)良好并且容易使用的jQuery圖片滑動(dòng)幻燈片插件，它除了支持圖片滾動(dòng)切換展示外，還支持針對(duì)內(nèi)容的滾動(dòng)。插件的定制性相當(dāng)高，它提供了多個(gè)參數(shù)的設(shè)置，通過設(shè)置你可以將它打造成完全符合你要求的樣式。2015-04-04
本篇文章主要是對(duì)jquery改變tr背景色的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
jquery text(),val(),html()方法區(qū)別總結(jié)
jquery text(),val(),html()方法區(qū)別總結(jié)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
jQuery+php實(shí)時(shí)獲取及響應(yīng)文本框輸入內(nèi)容的方法
這篇文章主要介紹了jQuery+php實(shí)時(shí)獲取及響應(yīng)文本框輸入內(nèi)容的方法,涉及jQuery響應(yīng)鍵盤事件及ajax調(diào)用php文件針對(duì)輸入內(nèi)容的處理與回調(diào)相關(guān)技巧,非常簡(jiǎn)單易懂,需要的朋友可以參考下2016-05-05
jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法,涉及jquery簡(jiǎn)單操作頁面元素展開與隱藏的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容
這篇文章主要介紹了jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容的相關(guān)資料,需要的朋友可以參考下2016-12-12
jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效
這篇文章主要介紹了jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效的幾種方法，非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-02-02