元素属性值前端匹配选择器 [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>
演示结果