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中,还需要额外的步骤。