jQuery可见度过滤选择器详解

"本资源是一份关于jQuery的课件，主要介绍了jQuery中的可见度过滤选择器，包括`:hidden`和`:visible`两个选择器的用法。这些选择器用于根据元素的可见状态来选取元素，简化了对DOM操作的复杂性。此外，资源还提及jQuery作为流行的JavaScript库的特点和优势，以及jQuery对象的概念。" 在jQuery中，可见度过滤选择器是两个非常实用的功能，它们允许开发者基于元素的可见性进行操作。`:hidden`选择器用于选取所有不可见的元素，包括CSS样式设置为`display:none`的元素和`<input>`元素中`type`属性为`hidden`的元素。`:visible`选择器则相反，它选取所有在屏幕上可见的元素，即那些没有被隐藏或者遮挡的元素。 jQuery作为一个广泛使用的JavaScript库，简化了JavaScript开发，提供了丰富的功能，如事件处理、DOM操作、动画效果和Ajax交互，并且具有良好的浏览器兼容性。jQuery的核心理念是“Write less, Do more”，即用更少的代码实现更多的功能。它的轻量化特性（压缩后仅21k）使其在性能上具有优势，同时丰富的文档和插件支持使得开发者可以更高效地进行开发工作。 在HTML文档中使用jQuery，通常会通过引入jQuery库文件，然后利用`$(document).ready()`函数确保DOM加载完成后执行相关代码。例如，以下代码会在页面加载完成后弹出对话框显示“您好,我是张三丰”： ```html <!-- 引入jQuery库 --> <script type="text/javascript" src="script/jquery-1.4.2.js"></script> <script language="JavaScript"> $(document).ready(function(){ alert("您好,我是张三丰"); }); </script> ``` jQuery对象是jQuery库中的核心概念，它是DOM元素经过jQuery包装后产生的。通过jQuery方法，我们可以对这些对象进行一系列操作，如选择、修改、添加或删除DOM元素，而无需直接操作DOM，提高了代码的可读性和维护性。例如，如果我们想选取ID为"example"的元素并改变其文本内容，可以使用如下代码： ```javascript $("#example").text("新的文本内容"); ``` 在这里，`$("#example")`返回一个jQuery对象，然后我们调用`.text()`方法来改变元素的文本。这就是jQuery对象的便利之处，它使得DOM操作更加简洁和高效。