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 相关文章推荐
JS简单计算器实例
Jan 20 Javascript
JavaScript实现的字符串replaceAll函数代码分享
Apr 02 Javascript
使用AOP改善javascript代码
May 01 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
javascript实现点击小图显示大图
Nov 29 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
Discuz板块横排显示图片的实现方法
2007/05/28 PHP
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
自己的js工具 Event封装
2009/08/21 Javascript
jQuery chili图片远处放大插件
2009/11/30 Javascript
JavaScript中常见陷阱小结
2010/04/27 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
Numpy数组转置的两种实现方法
2018/04/17 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
村优秀党员事迹材料
2014/01/15 职场文书
实验室安全管理制度
2015/08/05 职场文书
速龙x4-860k处理器相当于i几
2022/04/20 数码科技