jQuery :visible选择器的使用方法介绍

概述

匹配所有的可见元素

示例

描述:

查找所有可见的 tr 元素

HTML 代码:

<table> 
<tr style="display:none">
<td>Value 1</td>
</tr> <tr>
<td>Value 2</td>
</tr> 
</table>

jQuery 代码:

$("tr:visible")

结果:

[ <tr><td>Value 2</td></tr> ]

此选择器能够匹配所有当前可见的元素。

语法结构:

$(":visible")

此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:

$("div:visible").css({color:"blue"})

以上代码能够将可见的div元素中的字体颜色设置为蓝色。
如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(":visible")等同于$("*:visible")。

实例代码:

实例一:

我是不可见的
我是可见的

  
php中文网欢迎您

点击查看效果

以上代码可以将可见的可见div中的文本颜色设置为蓝色。

实例二:

我是不可见的
我是可见的

  
脚本之家欢迎您

点击查看效果

由于以上代码并没有指定与:visible选择器相配合使用的选择器，所以就默认和*选择器配合使用，于是代码能够将所有可见元素中的文本颜色设置为蓝色。

以上是jQuery :visible选择器的使用方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章！