jQuery :input选择器

:input选择器语法

$(“selector:input”)

:input选择器语法解析

jQuery中的:input选择器可以匹配选择当前HTML文档中selector所选择的所有元素中的所有的input元素。

:input选择器实例代码

如下实例,使用:input选择器所有类属性值为x的input元素,为了区别开来,代码中间设置了一个div,并设置其width属性值为50%,当点击按钮之后,该div的width值并没有发生改变,因为没有被:input选择器匹配选择到,为了进一步验证这一点,可以将在线编辑器中的$('.x:input')修改成$('.x'),然后再运行看看,div是会被匹配选择的:

<input class="x"><br>
<div class="x" style="background-color:green;width:50%;">div</div>
<button id="test">确定</button>

<script>
$("#test").click(function(){
  $(".x:input").css("width","100%")
})
</script>

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


全栈前端 / jQuery教程 :






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