CodePlayer

jQuery的[attribute^=value]选择器用于匹配指定属性以指定值开始的所有元素，将其封装为jQuery对象并返回。

如果指定属性的值恰好等于指定值，也视作符合匹配条件。

语法

// 这里的attribute表示具体的属性名称，这里的中括号也是必需的
// 这里的value表示具体的属性值
jQuery( "[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_1]">item1</li>
			<li id="n9" dataId="x[5_2]">item2</li>
			<li id="n10" dataId="x[6_1]">item3</li>
		</ul>
	</div>
</div>

现在，我们想要查找所有id属性以n开头的元素，则可以编写如下jQuery代码：

// 选择了id分别为n1 ~ n9的9个元素
$("[id^=n]");

接着，查找dataId属性以x[5_开头的所有元素，则可以编写如下jQuery代码：

// 选择了id分别为n8、n9的两个元素
$("[dataId^='x[5_']");

运行代码