jQuery中[attribute!=value]选择器用法实例


Posted in Javascript onDecember 31, 2014

本文实例讲述了jQuery中[attribute!=value]选择器用法。分享给大家供大家参考。具体分析如下:

此选择器匹配所有不含有指定的属性,或者属性不等于特定值的元素。
此选择器等价于:not[([attr=value])。
要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not([attr=value])

语法结构:

$("[attribute!=value]")

参数列表:

参数 描述
attribute 定义要查找的属性。
value 定义要超找的值。 引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

实例代码:
实例一:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

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

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("li[id!='second']").css("color","blue"); 

  })

})

</script>

</head>

<body>

<ul>

  <li id="first">html专区</li>

  <li id="second">Jquery专区</li>

</ul>

<ul>

  <li id="third">欢迎来到三水点靠木</li>

  <li>三水点靠木欢迎您</li>

</ul>

<button>点击查看效果</button>

</body>

</html>

以上代码可以将li元素中id属性值不等于second或者不具有id属性值的li元素中的文本颜色设置为蓝色。
实例二:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

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

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("li[id!=sec[ond]").css("color","blue"); 

  }); 

}); 

</script>

</head>

<body>

<ul>

  <li id="first">html专区</li>

  <li id="sec[ond">Jquery专区</li>

</ul>

<ul>

  <li id="third">欢迎来到三水点靠木</li>

  <li>三水点靠木欢迎您</li>

</ul>

<button>点击查看效果</button>

</body>

</html>

从以上代码可以看出如何代码中含有"["或者"]"的时候,必须要带有引号,否则会造成匹配错误。

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

Javascript 相关文章推荐
Add Formatted Data to a Spreadsheet
Jun 12 Javascript
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
Bootstrap 模态框实例插件案例分析
Dec 28 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 #Javascript
JavaScript中的值类型转换介绍
Dec 31 #Javascript
javascript实现滑动解锁功能
Dec 31 #Javascript
JavaScript中number转换成string介绍
Dec 31 #Javascript
JavaScript中string转换成number介绍
Dec 31 #Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 #Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 #Javascript
You might like
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
PHP 中的批处理的实现
2007/06/14 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
jQuery+ajax实现无刷新级联菜单示例
2015/05/21 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
比较详细Python正则表达式操作指南(re使用)
2008/09/06 Python
让python json encode datetime类型
2010/12/28 Python
Python中正则表达式的详细教程
2015/04/30 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
利用python修改json文件的value方法
2018/12/31 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
乡镇庆八一活动方案
2014/02/02 职场文书
户外活动策划方案
2014/03/12 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
索赔员岗位职责
2015/02/15 职场文书
自我检讨书怎么写
2015/05/07 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server