jQuery中not()方法用法實例
更新時間：2015年01月06日 15:39:15 投稿：shichen2014
這篇文章主要介紹了jQuery中not()方法用法,實例分析了not()方法的功能、定義及刪除與指定表達(dá)式匹配的元素的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中not()方法用法。分享給大家供大家參考。具體分析如下：
此方法刪除與指定表達(dá)式匹配的元素。
語法結(jié)構(gòu)一:
復(fù)制代碼 代碼如下:
$(selector).not(expr)
參數(shù)列表:
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>not()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($("li").not(".js").length)
})
</script>
</head>
<body>
<div>
<ul>
<li>HTML專區(qū)</li>
<li class="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
上述代碼可以返回刪除類名為js的li后jquery對象中l(wèi)i元素的數(shù)量。
語法結(jié)構(gòu)二:
參數(shù)列表:
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>not()函數(shù)腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($("li").not(document.getElementById("js")).length);
})
</script>
</head>
<body>
<div>
<ul>
<li>HTML專區(qū)</li>
<li id="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
上述代碼可以返回刪除id值為js的li后jquery對象中l(wèi)i元素的數(shù)量。
語法結(jié)構(gòu)三:
復(fù)制代碼 代碼如下:
$(selector).not(function)
參數(shù)列表:
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>not()函數(shù)腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($("li").not(function(){return $(this).attr("class")=="js"}).length);
})
</script>
</head>
<body>
<div>
<ul>
<li>HTML專區(qū)</li>
<li class="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
如果一定要用最高版本的jQuery，最省事的辦法莫過于在寫xxx.focus()時，加一個try/catch，變成try{xxx.focus();}catch(e){}2014-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery繼承extend用法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了jquery禁用右鍵示例,需要的朋友可以參考下2014-04-04
下面介紹30個最好的jQuery Lightbox 插件，別忘了收藏它，以防未來的設(shè)計中錯過它們中的一個。2011-04-04
jQuery HTML設(shè)置內(nèi)容和屬性操作實例分析
這篇文章主要介紹了jQuery HTML設(shè)置內(nèi)容和屬性操作,結(jié)合實例形式分析了jQuery HTML設(shè)置內(nèi)容和屬性相關(guān)函數(shù)與操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了jquery淡入淡出效果簡單實現(xiàn)方法,以完整實例形式分析了jQuery中fadeIn及fadeOut實現(xiàn)淡入淡出的相關(guān)技巧,需要的朋友可以參考下2016-01-01
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關(guān)實現(xiàn)技巧,涉及事件響應(yīng)及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05
BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑
這篇文章主要介紹了BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
jquery點擊改變class并toggle的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query點擊改變class并toggle的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05