jQuery [attribute|=value]选择器
[attribute|=value]选择器语法
$(“[attribute|='value']”)
[attribute|=value]选择器语法解析
jQuery中的[attribute|=value]选择器匹配选择元素属性包含value(一般为文本字符串)或value值后面紧跟连接符“-”的字符串,比如[class|='test']将会匹配选择所有类属性值为test或"test-xxx"的HTML元素(xxx为自定义的字符串)。
[attribute|=value]选择器实例代码
如下实例,使用[attribute|=value]选择器所有类属性值包含example的元素:
<div class="example-div">div</div>
<p class="example-p">p</p>
<span class="example">span</span>
<br>
<button id="test">确定</button>
<script>
$("#test").click(function(){
$("[class|='example']").css("font-size","3em")
})
</script>
免责声明:内容仅供参考,不保证正确性!