jQuery快速参考指南：核心功能与选择器

"jQuery1.2.cheatsheet.v1.0.pdf" 该资源是一个关于jQuery 1.2版本的速查表，旨在帮助用户快速掌握和应用jQuery的基本操作和插件功能。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。下面将详细介绍jQuery的核心功能、对象访问、插件、兼容性、属性操作、类管理、HTML操作、文本与值处理、CSS操作以及选择器的使用。 1. **jQuery核心功能**： - `$()`是jQuery的主要入口点，用于选取DOM元素或创建新元素。例如：`$(expr, context)`选取匹配表达式`expr`的元素，`$(html)`创建HTML结构，`$(elements)`选取已存在的DOM元素，`$(cb)`在DOM加载完成后执行回调函数。 2. **jQuery对象访问**： - `each(cb)`遍历jQuery对象中的每个元素并执行回调函数。 - `size()`返回jQuery对象中元素的数量，等同于`length`属性。 3. **插件扩展**： - `jQuery.fn.extend(object)`扩展jQuery的原型链，增加新的方法。 - `jQuery.extend(object)`扩展jQuery全局对象，添加静态方法。 4. **兼容性处理**： - `jQuery.noConfllict()`释放`$`符号，以避免与其他库的冲突。 - `jQuery.noConfllict(extreme)`提供更严格的冲突解决，可选参数`extreme`决定是否恢复原始的`jQuery`引用。 5. **属性操作**： - `attr(name)`获取指定属性的值。 - `attr(properties)`设置多个属性。 - `attr(key, value)`设置单个属性的值。 - `attr(key, fn)`使用函数动态设置属性值。 - `removeAttr(name)`移除属性。 6. **类管理**： - `addClass(class)`向元素添加CSS类。 - `removeClass(class)`删除元素的CSS类。 - `toggleClass(class)`根据当前状态切换CSS类。 7. **HTML操作**： - `html()`获取元素的HTML内容。 - `html(val)`设置元素的HTML内容。 8. **文本与值处理**： - `text()`获取元素的文本内容。 - `text(val)`设置元素的文本内容。 - `val()`获取元素的值（如表单字段）。 - `val(val)`设置元素的值。 9. **CSS操作**： - `css(name)`获取指定CSS属性的值。 - `css(properties)`设置多个CSS属性。 - `css(name, value)`设置单个CSS属性的值。 10. **定位与尺寸**： - `offset()`获取元素相对于文档的位置。 - `height()`获取或设置元素的高度。 - `width()`获取或设置元素的宽度。 11. **选择器**： - **基础选择器**：通过ID、标签名和类选择元素，如`#id`、`element`、`.class`。 - **组合选择器**：可以使用 `,` 分隔多个选择器，或使用 `>`、`+`、`~` 进行关系选择。 这个jQuery速查表覆盖了日常开发中常用的功能，对理解和提升jQuery编程效率非常有帮助。通过熟练掌握这些知识点，开发者可以更高效地进行DOM操作和实现丰富的交互效果。