[attribute|="value"]

选择那些属性值前缀与给定的字符串相同的元素。

所谓的前缀,就是指一个短横 (-) 前面的部分。另外,如果一个属性值没有前缀,但与给定的字符串相同的话,也会被匹配到。这个选择器主要用于处理语言属性,因而加入到 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>
演示: