jQuery选择器之可见性过滤选择器

最新推荐文章于 2025-08-09 20:51:19 发布

转载最新推荐文章于 2025-08-09 20:51:19 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/johnvwan/p/9581791.html

文章标签：

#javascript #ViewUI

本文介绍了如何使用jQuery的可见性过滤选择器来操作页面中可见或隐藏的元素，并通过示例代码展示了具体的应用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文接上篇聊聊可见性过滤选择器。

五.可见性过滤选择器

可见性过滤选择器根据元素是否可见的特征获取元素，其详细的说明如表所示

示例代码：

<head>
    <title> 使用 jQuery 可见性过滤选择器 </title> <script language="javascript" type="text/javascript" src="Jscript/jquery-1.8.2.min.js"></script> <style type="text/css"> body { font-size: 12px; text-align: center } div, span { float: left; border: solid 1px #ccc; margin: 8px; width: 65px; height: 65px } .GetFocus { border: solid 1px #666; background-color: #eee } </style> <script type="text/javascript"> $(function () { // 增加所有可见元素类别  $("span:hidden").show(); $("div:visible").addClass("GetFocus"); }) * / $(function () { // 增加所有不可见元素类别  $("span:hidden").show().addClass("GetFocus"); }) </script> </head> <body> <span style="display:none">Hidden</span> <div>Visible</div> </body>