jQuery中not()方法用法实例


Posted in Javascript onJanuary 06, 2015

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

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

语法结构一:

$(selector).not(expr)

参数列表:

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

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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 class="js">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="https://3water.com/" />

<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="https://3water.com/" />

<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 class="js">Javascript专区</li>

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

    <li>Jquery专区</li>

  </ul>

</div>

</body>

</html>

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

Javascript 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
JavaScript 全角转半角部分
Oct 28 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
分享一个vue项目“脚手架”项目的实现步骤
May 26 Javascript
使用vue制作滑动标签
Sep 21 Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
jQuery中has()方法用法实例
Jan 06 #Javascript
jQuery中map()方法用法实例
Jan 06 #Javascript
jQuery中is()方法用法实例
Jan 06 #Javascript
JavaScript中document对象使用详解
Jan 06 #Javascript
jQuery中Form相关知识汇总
Jan 06 #Javascript
使用VS开发 Node.js指南
Jan 06 #Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 #Javascript
You might like
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
2016/07/14 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python调用windows api锁定计算机示例
2014/04/17 Python
Python3使用requests发闪存的方法
2016/05/11 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
tensorflow 中对数组元素的操作方法
2018/07/27 Python
python使用Matplotlib画饼图
2018/09/25 Python
python安装pil库方法及代码
2019/06/25 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
中专生毕业自我鉴定
2013/11/01 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
学习方法演讲稿
2014/05/10 职场文书
保护动物的标语
2014/06/11 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
计划生育汇报材料
2014/12/26 职场文书
2015年技术员工作总结
2015/04/10 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
团结友爱主题班会
2015/08/13 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python