手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中not()方法用法实例
jQuery中not()方法用法实例
摘要:本文实例讲述了jQuery中not()方法用法。分享给大家供大家参考。具体分析如下:此方法删除与指定表达式匹配的元素。语法结构一:复制代码代...

本文实例讲述了jQuery中not()方法用法。分享给大家供大家参考。具体分析如下:

此方法删除与指定表达式匹配的元素。

语法结构一:

复制代码 代码如下:$(selector).not(expr)

参数列表:

参数 描述
expr 字符串值,定义筛选表达式。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>not()函数-查字典教程网</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专区</li>

<li>Javascript专区</li>

<li>Div+Css专区</li>

<li>Jquery专区</li>

</ul>

</div>

</body>

</html>

上述代码可以返回删除类名为js的li后jquery对象中li元素的数量。

语法结构二:

参数列表:

参数 描述
element 要被删除的DOM元素。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>not()函数查字典教程网</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专区</li>

<li id="js">Javascript专区</li>

<li>Div+Css专区</li>

<li>Jquery专区</li>

</ul>

</div>

</body>

</html>

上述代码可以返回删除id值为js的li后jquery对象中li元素的数量。

语法结构三:

复制代码 代码如下:$(selector).not(function)

参数列表:

参数 描述
function(index) 用来遍历元素的集合函数,并返回要被删除的一个元素。

此函数接受一个参数index,这是元素在jQuery集合的索引。

在函数中, this指的是当前的DOM元素。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>not()函数查字典教程网</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专区</li>

<li>Javascript专区</li>

<li>Div+Css专区</li>

<li>Jquery专区</li>

</ul>

</div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery中not()方法用法实例】相关文章:

简介JavaScript中toTimeString()方法的使用

Jquery使用css方法改变样式实例

jquery实现弹出层效果实例

基于jQuery实现的无刷新表格分页实例

js事件监听器用法实例详解

JavaScript中的anchor()方法使用详解

JQuery中DOM事件冒泡实例分析

JQuery控制Radio选中方法分析

jQuery聚合函数实例

jquery使用each方法遍历json格式数据实例

精品推荐
分类导航