与上一节的:hidden
过滤选择器相反,:visible
过滤选择器获取的是全部可见的元素,也就是说,只要不将元素的display属性值设置为“none”,那么,都可以通过该选择器获取。
例如,使用:visible
选择器获取可见的<p>元素,并将该元素的内容显示在<div>元素中,如下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/8a58bb361bd6e52d1345931c1c432211.jpeg)
在浏览器中显示的效果:
![](https://i-blog.csdnimg.cn/blog_migrate/fa2b671c5e7644633cf6100a4bc51ecc.jpeg)
从图中可以看出,调用$("p:visible")
选择器代码,获取那个可见的<p>元素,并调用html()
方法获取该元素的内容,最后将该内容显示在<div>元素中。