jQuery使用手册：核心功能与DOM操作详解

"jQuery使用手册.doc" jQuery是一种广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript操作DOM（文档对象模型）、事件处理、动画设计以及Ajax交互。本手册详细介绍了jQuery的核心部分及其在DOM操作中的应用。 ### 1. 核心部分 - **$(expr)**: 这是jQuery的基本选择器，用于选取页面中的HTML元素，expr可以是CSS选择器、ID、类名等。 - **$(elem)**: 将单个DOM元素转换为jQuery对象。 - **$(elems)**: 将一组DOM元素转换为jQuery对象。 - **$(fn)**: 创建一个jQuery对象并立即执行函数fn。 - **$(obj)**: 当obj是jQuery对象或HTML字符串时，将其直接用作jQuery对象。 ### 2. DOM操作 #### 属性操作 - **herf()**: 获取或设置元素的`href`属性。 - **herf(val)**: 设置元素的`href`属性为val。 #### 插入与删除 - **after(html)**: 在匹配元素之后插入HTML内容。 - **after(elem)**: 在匹配元素之后插入DOM元素或元素集合。 - **append(html)**: 在匹配元素的末尾插入HTML内容。 - **appendTo(expr)**: 将当前jQuery对象插入到expr选择的元素的末尾。 - **clone()**: 复制整个jQuery对象，包括其绑定的事件和数据。 - **empty()**: 清空匹配元素的所有子节点。 - **insertAfter(expr)**: 将当前jQuery对象插入到expr选择的元素之后。 - **insertBefore(expr)**: 将当前jQuery对象插入到expr选择的元素之前。 - **prepend(html)**: 在匹配元素的开头插入HTML内容。 - **prepend(elem)**: 在匹配元素的开头插入DOM元素或元素集合。 - **remove()**: 删除匹配的元素。 #### 包裹与组合 - **wrap(elem)**: 将匹配的元素包裹在指定的DOM元素内。 - **add(expr)**: 向当前jQuery对象添加匹配expr的元素。 - **add(el)**: 添加指定的DOM元素到jQuery对象。 - **add(els)**: 添加一组DOM元素（数组形式）到jQuery对象。 - **ancestors()**: 获取匹配元素的所有祖先元素，不包括根节点。 - **ancestors(expr)**: 只获取匹配expr的祖先元素。 - **children()**: 获取匹配元素的所有直接子元素。 - **children(expr)**: 获取匹配元素中符合expr的子元素。 - **parent()**: 获取匹配元素的直接父元素。 - **contains(str)**: 检查匹配元素中是否包含特定文本str。 - **end()**: 回溯到之前的jQuery对象，撤销最近的筛选操作。 - **filter(expr)**: 从当前jQuery对象中筛选出匹配expr的元素。 - **filter(exprs)**: 筛选出匹配数组exprs中表达式的元素。 - **find(expr)**: 在当前jQuery对象的后代中搜索匹配expr的元素。 - **is(expr)**: 检查匹配元素是否满足expr，返回布尔值。 这个手册提供了对jQuery基础和高级操作的全面概述，无论是初学者还是经验丰富的开发者，都能从中受益，快速理解和掌握jQuery的精髓，提高网页开发效率。通过熟练运用这些方法，开发者能够更加流畅地操纵DOM，创建动态且交互性强的网页应用。