您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月18日 06:55

原创 jQuery 选择器([attribute!=value])详解

3015 次浏览 读完需要≈ 5 分钟

内容目录

jQuery的[attribute!=value]选择器用于匹配指定属性不等于指定值的所有元素,将其封装为jQuery对象并返回。

如果元素拥有指定的属性,并且不等于指定的值,或者该元素没有指定属性,均符合指定属性不等于指定值的匹配条件。

语法

// 这里的attribute表示具体的属性名称,这里的中括号也是必需的
// 这里的value表示具体的属性值
jQuery( "[attribute!=value]" )

参数

参数 描述
attribute 指定的属性名称。
value 指定的属性值。

如果参数value中包含诸如"["、"]"等特殊字符,你可以根据需要给value加上单引号或双引号,以name属性的值不等于Code[Player为例,对应的jQuery代码如下:

// 以下四种方式均可
$("[name!='Code[Player']");
$("[name!=\"Code[Player\"]");
$('[name!="Code[Player"]');
$('[name!=\'Code[Player\']');

返回值

返回封装了所有指定属性不等于指定值的元素的jQuery对象。

如果找不到任何相应的匹配,则返回一个空的jQuery对象。

示例&说明

以下面这段HTML代码为例:

<div id="n1">
	<div id="n2">
		<input id="n3" name="id[]" type="checkbox" value="1" >
		<input id="n4" name="id[]" type="checkbox" value="2" >
		<input id="n5" name="id[]" type="checkbox" value="3" >
	</div>
	<div id="n6">
		<ul id="n7">
			<li id="n8" dataId="x[5]">item1</li>
			<li id="n9">item2</li>
		</ul>
	</div>
</div>

现在,我们想要查找所有id属性不等于n3的元素,则可以编写如下jQuery代码:

// 选择了id不等于n3的所有元素(包括html、body、style、script、title等标签)
$("[id!=n3]");

接着,在id为n6的后代元素中查找所有dataId属性不等于x[5]的元素,则可以编写如下jQuery代码:

// 选择了id分别为n7、n9的两个元素
$("#n6 [dataId!='x[5]']");

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单