jQuery [attribute$=value]选择器

[attribute$=value]选择器语法

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

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

jQuery中的[attribute$=value]选择器(注意中间的“$”符号,与其它的attribute系列的选择其区分开来),可以用于选择所有属性值以value值结尾的元素,比如选择所有类属性值结尾为xyz的元素:class$='xyz',注意单引号的使用,如果$('')选择器使用的是单引号,则可以换成双引号。

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

如下实例,使用[attribute$=value]选择器所有类属性值以x1y1z1结尾的元素:

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