jQuery [attribute*=value]选择器

[attribute*=value]选择器语法

$(“[attribute*='value']”)

[attribute*=value]选择器语法解析

*符号在计算机语言当中有“通配符”的意思,说起这个是为了辅助我们对[attribute*=value]选择器的理解和记忆,即,在jQuery中,该选择器可以用于匹配选择所有属性值attribute的值包含value字符串的HTML元素,而且不限制value字符串在属性值中出现的位置。

[attribute*=value]选择器实例代码

如下实例代码中,尝试使用[attribute*=value]选择器来匹配选择所有的class属性值包含'example'字符串的元素,注意,字符串'example'出现的不同位置:

<div class="abcexampledef">div</div>
<p class="exampleabc">p</p>
<span class="xyzexample">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.