欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中not()方法用法實(shí)例

 更新時(shí)間:2015年01月06日 15:39:15   投稿:shichen2014  
這篇文章主要介紹了jQuery中not()方法用法,實(shí)例分析了not()方法的功能、定義及刪除與指定表達(dá)式匹配的元素的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中not()方法用法。分享給大家供大家參考。具體分析如下:

此方法刪除與指定表達(dá)式匹配的元素。

語(yǔ)法結(jié)構(gòu)一:

復(fù)制代碼 代碼如下:
$(selector).not(expr)

參數(shù)列表:

參數(shù) 描述
expr 字符串值,定義篩選表達(dá)式。

實(shí)例代碼:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<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對(duì)象中l(wèi)i元素的數(shù)量。

語(yǔ)法結(jié)構(gòu)二:

參數(shù)列表:

參數(shù) 描述
element 要被刪除的DOM元素。

實(shí)例代碼:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<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對(duì)象中l(wèi)i元素的數(shù)量。

語(yǔ)法結(jié)構(gòu)三:

復(fù)制代碼 代碼如下:
$(selector).not(function)

參數(shù)列表:

參數(shù) 描述
function(index) 用來(lái)遍歷元素的集合函數(shù),并返回要被刪除的一個(gè)元素
此函數(shù)接受一個(gè)參數(shù)index,這是元素在jQuery集合的索引。
在函數(shù)中, this指的是當(dāng)前的DOM元素。

實(shí)例代碼:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<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>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論