在jquery中,“:visible”选择器用于选取可见的每个元素;可见的元素是除了“display:none”样式的元素、带有“type=hidden”的表单元素、宽度和高度为0的元素之外的元素,语法为“$(:visible)”。
本教程操作环境:windows10系统、jquery3.2.1版本、dell g3电脑。
jquery中visible的用法是什么:visible 选择器选取当前可见的每个元素。
除以下几种情况之外的元素即是可见元素:
设置为 display:none
带有 type=hidden 的表单元素
width 和 height 设置为 0
隐藏的父元素(这也会隐藏子元素)
语法
$(":visible")
示例如下:
<!doctype html><html><head><meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("p:visible").css("background-color","yellow");});</script></head><body><h1>这是一个标题</h1><p>这是一个段落。</p><p>这是另外一个段落。</p><p style="display:none">这是一个隐藏段落。 </p></body></html>
输出结果:
相关视频教程推荐:jquery视频教程
以上就是jquery中visible的用法是什么的详细内容。