9、jQuery集合管理与操作全解析

jQuery集合管理与操作全解析

1. 引言

在处理网页元素时，jQuery提供了强大的功能来管理和操作元素集合。有时候，我们不仅需要对匹配元素集合整体应用方法，还可能需要在操作之前对集合进行进一步的处理。接下来，我们将深入探讨如何管理jQuery集合，以及相关的操作方法。

2. jQuery操作实验室

为了帮助我们更好地理解和实践jQuery集合的操作，有一个jQuery操作实验室页面。这个页面和之前的选择器实验室类似，但它允许我们输入任何能产生jQuery集合的完整jQuery操作。操作会在DOM示例的上下文中执行，并显示结果。

不过，由于该实验室页面在iframe中加载操作元素，受部分浏览器安全限制，操作可能失败。为避免此问题，可采取以下操作：
- 在像Apache、Tomcat或IIS这样的Web服务器下执行页面。
- 针对特定浏览器寻找解决方案，例如在基于WebKit的浏览器中，可通过命令行界面（CLI）使用 --allow-file-access-from-files 标志运行，且命令需创建新进程，即打开新窗口而非新标签页。

要体验这个实验室，可按以下步骤操作：
1. 在浏览器中加载实验室页面。
2. 在操作字段中输入 $('img').hide(); 。
3. 点击“执行”按钮，会看到示例中的图像消失。
4. 若想恢复DOM示例到原始状态，点击“恢复”按钮。

3. 集合大小的确定

jQuery集合和JavaScript数组很相似，也有一个 length