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 异步调用框架 (Part 1 - 问题 &amp; 场景)
Aug 03 Javascript
javascript中bind函数的作用实例介绍
Sep 28 Javascript
AngularJS下对数组的对比分析
Aug 24 Javascript
原生JS实现图片轮播效果
Dec 26 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
浅谈js获取ModelAndView值的问题
Mar 28 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
JavaScript设计模式之装饰者模式实例详解
Jan 17 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
10分钟学会js处理json的常用方法
Dec 06 Javascript
vue项目打包后路由错误的解决方法
Apr 13 Vue.js
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下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
PHP的命令行命令使用指南
2015/08/18 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
jquery 上下滚动广告
2009/06/17 Javascript
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
React.js入门学习第一篇
2016/03/30 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
微信小程序中使用wxss加载图片并实现动画效果
2018/08/13 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
Python实现对比不同字体中的同一字符的显示效果
2015/04/23 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
Python笔记之facade模式
2019/11/20 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
委托证明的格式
2014/01/10 职场文书
工作表现自我评价
2014/02/08 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
经典商业广告词
2014/03/13 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
国庆促销活动总结
2014/08/29 职场文书
创先争优公开承诺书
2014/08/30 职场文书
庆六一宣传标语
2014/10/08 职场文书
大四学生个人总结
2015/02/15 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书