jQuery [attribute|=value] 选择器
实例
选择 title
属性以值 "Tomorrow" 作为前缀的所有 <p> 元素:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p[title|='Tomorrow']").css("background-color", "yellow");});
</script>
</head>
<body>
<p title="Tomorrow">这是一个段落</p>
<p title="tomorrow">这是一个段落</p>
<p title="Tom">这是一个段落</p>
<p title="See You Tomorrow">这是一个段落</p>
<p title="Tomorrow-the day after today">这是一个段落</p>
<p>此选择器选择 title 属性值等于 'Tomorrow' 或以 'Tomorrow' 开头,后跟连接符的所有元素。</p>
</body>
</html>
定义与用法
[attribute|=value]
选择器选择具有指定属性的每个元素,其值等于指定字符串(如 "en"),或以该字符串开头,后跟连接符(如 "en-us")。
提示:此选择器通常用于处理语言属性。
语法
$("[attribute|='value']")
参数 | 描述 |
---|---|
attribute | 必填。指定要查找的属性 |
value | 必填。指定属性值应以的字符串开头 |
更多实例
本例选择所有具有以值 "en" 开头的 hreflang 属性的 <a> 元素