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 设置文本框中焦点的位置
Nov 20 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
Javascript控制页面链接在新窗口打开具体方法
Aug 16 Javascript
JS数组的常见用法实例
Feb 10 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
从0开始学Vue
Oct 27 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
bootstrap Table实现合并相同行
Jul 19 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 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入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
Python httplib,smtplib使用方法
2008/09/06 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
用Python shell简化开发
2018/08/08 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
django认证系统 Authentication使用详解
2019/07/22 Python
python3图片文件批量重命名处理
2019/10/31 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
会计电算化专业应届大学生求职信
2013/10/22 职场文书
电大毕业生自我鉴定
2013/11/10 职场文书
班主任评语大全
2014/04/26 职场文书
企业安全标语
2014/06/07 职场文书
师范生求职自荐信
2014/06/14 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
辞职信格式模板
2015/02/27 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
政审证明范文
2015/06/19 职场文书