jQuery 选择器([attribute|=value])详解 - CodePlayer

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

3058 次浏览读完需要≈ 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="Code Player" type="checkbox" value="1" >
		<input id="n4" name="Code-Player" type="checkbox" value="2" >
		<input id="n5" name="CodePlayer" type="checkbox" value="3" >
		<input id="n6" name="Code" type="checkbox" value="4" >
	</div>
</div>

现在，我们想要查找所有name属性以Code为前缀的元素，则可以编写如下jQuery代码：

// 选择了id分别为n4、n6的两个元素
$("[name|=Code]");

运行代码

CodePlayer 技术交流群1（已满）：
CodePlayer 技术交流群2：

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

内容目录

语法

参数

返回值

示例&说明

0 条评论

撰写评论