jQuery | :可见选择器

在 jQuery 中，":visible"选择器可用于选取可见的元素。

语法

$(":visible")

描述

":visible"选择器匹配所有可见的元素，包括宽度和高度不等于零的元素和有 CSS display 属性设置为 "none" 的元素。

例子

HTML

<div class="container">
  <p style="display: none;">隐藏的段落。</p>
  <p>显示的段落。</p>
  <h2 style="visibility: hidden;">隐藏的标题。</h2>
  <h2>显示的标题。</h2>
</div>

jQuery

$(document).ready(function(){
  $("button").click(function(){
    var visibleElements = $(":visible");
    $(visibleElements).css("background-color", "yellow");
  });
});

当点击按钮时，找到页面中所有可见的元素，并将它们的背景颜色设为黄色。

结论

":visible"选择器是 jQuery 中一个很实用的选择器，它可以帮助我们找到所有可见的元素，优化我们的程序逻辑和页面性能。