jQuery [attribute~=value] 选择器
实例
选择包含特定单词 "nation" 的 name 属性的所有 <input> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/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><p><b>备注</b>: 它将只选择包含特定字符串 "nation" 的 name 属性，所以 name 属性值可以是 "nation word"，而不是以 "nation" 开头、包含或结尾（如 "nationality"、"xnationx" 或 "anothernation"）)。</body></html>
定义与用法
[attribute~=value] 选择器选择具有特定属性的每个元素，该属性的值包含特定字符串。
例如属性值可以是 "nation word"，而不是以 "nation" 开头、包含或结尾（如 “nationality”、”xnationx” 或 “anothernation”）。
提示：字符串可以包含空格。
语法
$("[attribute~='value']")
| 参数 | 描述 |
|---|---|
| attribute | 必填。指定要查找的属性 |
| value | 必填。指定字符串值 |