[attribute|="value"]
选择那些属性值前缀与给定的字符串相同的元素。
-
1.0 新增[attribute|="value"]
attribute (String) 属性名。value (String) 属性值,引号是强制性的。
所谓的前缀,就是指一个短横 (-) 前面的部分。另外,如果一个属性值没有前缀,但与给定的字符串相同的话,也会被匹配到。这个选择器主要用于处理语言属性,因而加入到 CSS 规范中的。
示例:
查找所有 hreflang 属性是英语的链接。
<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>
<a href="example.html" hreflang="en">Some text</a>
<a href="example.html" hreflang="en-UK">Some other text</a>
<script>
$('a[hreflang|="en"]').css('border','3px dotted green');
</script>
</body>
</html>