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>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.