元素属性值前端匹配选择器 [name^=”value”]| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理

jQuery API 2.2.0

元素属性值前端匹配选择器 [name^=”value”]

分类:选择器 > 元素属性选择器

选择这样的元素,它们具有指定的元素属性,而且该元素属性的值严格以某个给定的字符串开头。

attributeStartsWith selector

描述:Selects elements that have the specified attribute with a value beginning exactly with a given string.

version added: 1.0
jQuery( "[attribute^='value']" )

attribute: 一个元素属性名。

value: 一个元素属性值。可以是不用引号的单词,或者用引号括起的字符串。

这个选择器可以用来识别网页上由服务器端框架产生的HTML制作的、带有语义化的元素ID的元素。然而,它比使用样式类选择器要慢很多,所以如果可以的话最好在这些元素上生成相同的class,之后使用样式类选择器来选中它们。

示例

查找所有的其元素属性name以“news”开头的<input>元素,并在它里面放置文本。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>attributeStartsWith demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input name="newsletter">
<input name="milkman">
<input name="newsboy">
 
<script>
$( "input[name^='news']" ).val( "news here!" );
</script>
 
</body>
</html>

演示结果

如果网页上不能运行示例,请点击http://www.asprain.cn/jQueryAPI/attribute-starts-with-selector.htm查看示例。

如果你觉得本文档对你有用,欢迎给翻译作者支付宝打赏,支持翻译作者源源不断翻译更多有用的技术文档。