CodePlayer

jQuery的[attribute~=value]选择器用于匹配指定属性的值中包含指定单词的所有元素，将其封装为jQuery对象并返回。

指定的"单词"与其他"单词"(如果有其他单词的话)以空格分隔。

语法

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

参数

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

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

返回值

返回封装了所有指定属性包含指定值作为"单词"的元素的jQuery对象。

这里的"单词"可以理解为常规英文书写中的单词表现形式，与其他"单词"以空格进行分隔。

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

示例&说明

以下面这段HTML代码为例：

<div id="n1">
	<div id="n2">
		<input id="n3" name="Jim Anna jQuery" type="checkbox" value="1" >
		<input id="n4" name="Jim-Anna-jQuery" type="checkbox" value="2" >
		<input id="n5" name="Anna  Jim jQuery" type="checkbox" value="3" >
		<input id="n6" name="Jim jQuery Anna" type="checkbox" value="3" >
		<input id="n7" name="Anna" type="checkbox" value="4" >
	</div>
</div>

现在，我们想要查找所有name属性中包含单词Anna的元素，则可以编写如下jQuery代码：

// 选择了id分别为n3、n5、n6、n7的4个元素
$("[name~=Anna]");

运行代码