jQuery :visible 选择器
实例
选择所有可见的 <p> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("p:visible").css("background-color", "yellow");});</script></head><body><h2>这是一个标题</h2><p>这是一段文本</p><p>这是另外一段文本</p><p style="display:none">这是一个隐藏的段落</p></body></html>
定义与用法
:visible selector 选择当前可见的每个元素。
可见元素是不包括:
- 设置为 display:none
- 表单中为 type="hidden" 的 input
- 高度与宽度被设置为 0
- 隐藏的父元素(也会隐藏子元素)
语法
$(":visible")