jQuery :visible选择器
:visible选择器语法
$('selector:visible')
:visible选择器语法解析
jQuery中的:visible选择器用于匹配选择selector中的所有可见的HTML元素。什么是可见的元素呢？即没有被隐藏的元素，比如display没有被设置为none，表单元素的type没有被设置为hidden，width和height没有被设置为0，或元素的父元素没有被隐藏等等。
:visible选择器实例代码
下方的实例中，使用:visible选择器匹配了type没有设置为hidden的且class属性值为xyz的input输入框表单元素，并设置宽度为100%，另一个input因为设置了hidden，因此没有被匹配选择：
<input type="hidden" class="xyz"><br>
<input type="password" class="xyz">
<button id="test">设置</button>
<script>
$("#test").click(function(){
$(".xyz:visible").css("width","100%")
})
</script>免责声明：内容仅供参考，不保证正确性！