jQuery [attribute^=value] 选择器

实例

选择 name 属性以 "nation" 开头的所有 <input> 元素:

  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. $("input[name^='nation']").css("background-color", "yellow");});
  8. </script>
  9. </head>
  10. <body>
  11. <input name="nationality" type="text" value="Chinese">
  12. <input name="nation" type="text" value="English">
  13. <input name="country" type="text" value="Germany">
  14. <input name="anothernation" type="text" value="Norwegian">
  15. <p>该选择器选择属性名称以 'nation' 开头的所有 input 元素。</p>
  16. </body>
  17. </html>

定义与用法

[attribute^=value] 选择器选择具有特定属性的每个元素,其值以特定字符串开头。


语法

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

分类导航