jQuery是JavaScript的一个库，它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。这篇笔记将深入探讨jQuery中的常用方法，帮助初学者快速上手并掌握jQuery的核心技能。
一、选择器（Selectors）
jQuery的选择器类似于CSS选择器，用于在DOM树中找到指定的元素。例如：
1. `$("#id")`：通过ID选择元素，如`$("#myID")`。
2. `$(".class")`：通过类名选择元素，如`$(".myClass")`。
3. `$("tag")`：通过标签名选择元素，如`$("p")`。
4. `$("selector1, selector2")`：同时选择多个不同的选择器。
二、DOM操作（DOM Manipulation）
1. `.append()`：在每个匹配的元素内部追加内容，如`$("div").append("<p>Hello</p>")`。
2. `.prepend()`：在每个匹配的元素内部前置内容。
3. `.html()`：获取或设置元素的HTML内容。
4. `.text()`：获取或设置元素的文本内容。
5. `.remove()`：删除匹配的所有元素。
6. `.clone()`：复制匹配的元素。
三、属性操作（Attribute Manipulation）
1. `.attr("attrName", "value")`：设置元素的属性值。
2. `.removeAttr("attrName")`：移除元素的属性。
3. `.prop("propName", "value")`：操作DOM元素的特性，如`checked`、`selected`等。
四、事件处理（Event Handling）
1. `.on()`：绑定事件监听器，如`$("button").on("click", function() {...})`。
2. `.off()`：移除事件监听器。
3. `.trigger()`：触发一个事件，如`$("#element").trigger("click")`。
4. `.delegate()` 和 `.undelegate()`：在动态添加的元素上绑定事件，现已弃用，推荐使用`.on()`。
五、链式操作（Chaining）
jQuery对象返回的是自身，这使得我们可以连续调用多个方法，如`$("#element").css("color", "red").slideUp(500)`。
六、特效与动画（Effects & Animation）
1. `.show(speed, callback)`：显示元素，`speed`可以是毫秒或预定义的字符串。
2. `.hide(speed, callback)`：隐藏元素。
3. `.fadeIn()` 和 `.fadeOut()`：淡入淡出效果。
4. `.slideUp()` 和 `.slideDown()`：滑动显示/隐藏元素。
5. `.animate()`：自定义动画，如`$("div").animate({left: "100px"}, 1000)`。
七、Ajax交互（Ajax Interactions）
1. `.ajax()`：进行异步HTTP请求，是最基础的Ajax方法。
2. `.get()` 和 `.post()`：分别对应GET和POST请求。
3. `.load()`：加载远程HTML片段到元素中，如`$("#result").load("ajax/test.html")`。
八、jQuery插件（jQuery Plugins）
jQuery拥有丰富的插件库，如Bootstrap、jQuery UI等，它们扩展了jQuery的功能，如弹出框、日期选择器等。
以上只是jQuery常用方法的一部分，实际使用中，jQuery还有更多的高级功能等待探索。通过不断实践和学习，你将能够熟练掌握这个强大的JavaScript库，从而更高效地编写前端代码。在阅读query.txt文件时，可以结合这些知识点来深入理解jQuery的用法。
query.rar （1个子文件） 
query.txt 10KB
