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

jQuery 集合管理与操作全解析

1. jQuery 集合操作基础

在处理网页元素时，jQuery 集合操作是一项强大的工具。当我们通过选择器从现有 DOM 元素中识别出元素集合，或者使用 HTML 片段创建新元素集合后，就可以利用 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 示例到原始状态，点击“恢复”按钮。

这里的 hide() 方法属于 jQuery，它能隐藏集合中的所有元素。

2. 确定集合大小

j