jQuery [attribute|=value] 选择器

实例

选择 title 属性以值 "Tomorrow" 作为前缀的所有 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p[title|='Tomorrow']").css("background-color", "yellow");});
  8. </script>
  9. </head>
  10. <body>
  11. <p title="Tomorrow">这是一个段落</p>
  12. <p title="tomorrow">这是一个段落</p>
  13. <p title="Tom">这是一个段落</p>
  14. <p title="See You Tomorrow">这是一个段落</p>
  15. <p title="Tomorrow-the day after today">这是一个段落</p>
  16. <p>此选择器选择 title 属性值等于 'Tomorrow' 或以 'Tomorrow' 开头,后跟连接符的所有元素。</p>
  17. </body>
  18. </html>

定义与用法

[attribute|=value] 选择器选择具有指定属性的每个元素,其值等于指定字符串(如 "en"),或以该字符串开头,后跟连接符(如 "en-us")。

提示:此选择器通常用于处理语言属性。


语法

  1. $("[attribute|='value']")
参数描述
attribute必填。指定要查找的属性
value必填。指定属性值应以的字符串开头

更多实例

处理语言属性

本例选择所有具有以值 "en" 开头的 hreflang 属性的 <a> 元素

分类导航