jQuery 中的 ^ 一般是指 [attribute^=value] 选择器, 用于匹配给定的属性是以某些值开始的元素.
例:
- $("div[id^='index']")
- // 匹配 id 以 index 开头的 div.
[attribute^=value] 选择器选取每个带有指定属性且以指定字符串开头的元素.
语法
- $("[attribute^='value']")
- 示例: 选取所有带有以 "nation" 开头的 name 属性的 <input> 元素
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $("input[name^='nation']").CSS("background-color", "yellow");
- });
- </script>
- </head>
- <body>
- <input name="nationality" type="text" value="Chinese">
- <input name="nation" type="text" value="English">
- <input name="country" type="text" value="Germany">
- <input name="anothernation" type="text" value="Norwegian">
- <p>
- 选取所有 name 属性以'nation' 为开头的 input 元素.
- </p>
- </body>
- </HTML>
效果图:
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18769.html