85、jQuery编程：客户端开发的全面指南

jQuery编程：客户端开发的全面指南

1. DOM操作

在客户端Web开发中，操作文档对象模型（DOM）是一项常见且重要的任务。标准DOM提供了丰富的方法来动态创建HTML树，但在大多数浏览器中，原生DOM对象的性能相较于使用innerHTML属性要差，而innerHTML并非DOM标准的正式部分。jQuery提供了支持多种方式操作DOM的API。

1.1 创建DOM树

在jQuery中，创建新DOM树最简单的方法是将HTML字符串传递给jQuery（或$）函数。例如：

// 表示一个包含UL列表和两个子LI元素的DOM树 $("<ul><li>One</li><li>Two</li>");

还可以指定样式信息、事件处理程序和设置属性，示例如下：

$("<div />", { class: "panel", text: "Click me!", click: function() { $(this).toggleClass("extra"); } });

通过这种方式创建的DOM还不是页面的一部分，若要将其添加到现有页面的DOM中，还需要额外的步骤。

1.2 向DOM添加