jQuery [attribute^=value]选择器

[attribute^=value]选择器语法

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

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

jQuery中的[attribute^=value]选择器选择的是所有的attribute元素属性以包含value字符串并以value为开始的HTML元素,比如如果value的值为'a',则将匹配'a'、'abc'等属性值,如果'a'不在起始位置则不会被匹配,具体可参考下方实例代码。

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

如下实例,使用[attribute^=value]选择器选择所有属性值以x1y1z1为起始的字符串值:

<div class="x1y1z1example">div</div>
<p class="example-x1y1z1">p</p>
<span class="x1y1z1">span</span>
<br>
<button id="test">确定</button>

<script>
$("#test").click(function(){
  $("[class^='x1y1z1']").css("font-size","3em")
})
</script>

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


全栈前端 / jQuery教程 :






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