jQuery 方法大全

jQuery 是一个非常受欢迎的 JavaScript 库，它简化了 HTML 文档的遍历、事件处理、动画和 Ajax 交互等操作。以下是一些常用的 jQuery 方法：

1. $(selector) 或 jQuery(selector) - 选择 HTML 元素
2. .each(function(index, element)) - 遍历被选元素的集合
3. .click(function) - 当按钮点击时执行的函数
4. .hover(function, function) - 鼠标悬停和鼠标离开事件
5. .focus(function) - 当元素获取焦点时执行的函数
6. .blur(function) - 当元素失去焦点时执行的函数
7. .show() - 显示被选元素
8. .hide() - 隐藏被选元素
9. .toggle() - 切换被选元素的可见状态
10. .slideDown() - 以滑动动画显示被选元素
11. .slideUp() - 以滑动动画隐藏被选元素
12. .slideToggle() - 切换被选元素的可见状态以滑动动画
13. .fadeIn() - 以淡入动画显示被选元素
14. .fadeOut() - 以淡出动画隐藏被选元素
15. .fadeToggle() - 切换被选元素的可见状态以淡入/淡出动画
16. .animate({params}, speed, callback) - 创建自定义动画
17. .text() - 获取或设置被选元素的文本内容
18. .html() - 获取或设置被选元素的内部 HTML 内容
19. .val() - 获取或设置被选表单元素的值
20. .attr() - 获取或设置被选元素的属性值
21. .removeAttr() - 从被选元素中移除一个或多个属性
22. .addClass() - 向被选元素添加一个或多个类
23. .removeClass() - 从被选元素删除一个或多个类
24. .toggleClass() - 对被选元素进行切换类操作
25. .css() - 获取或设置被选元素的一个样式属性
26. .append() - 在被选元素内部的末尾插入内容
27. .prepend() - 在被选元素内部的开头插入内容
28. .after() - 在被选元素之后插入内容
29. .before() - 在被选元素之前插入内容
30. .remove() - 从 DOM 中删除被选元素
31. .empty() - 从被选元素中删除子元素
32. .ajax({params}) - 执行异步 HTTP 请求
33. .getJSON({params}) - 通过 HTTP GET 请求从服务器加载 JSON 编码的数据
34. .load(url, data, callback) - 从服务器加载数据并把返回的数据放入被选元素中

以上是 jQuery 的一些常用方法，具体使用时需要根据实际需求选择合适的方法。

示例代码：

$(document).ready(function(){
  // 点击按钮时隐藏或显示 p 元素
  $("button").click(function(){
    $("p").slideToggle();
  });
 
  // 当鼠标悬停在 p 元素上时改变其颜色
  $("p").hover(function(){
    $(this).css("background-color", "yellow");
  }, function(){
    $(this).css("background-color", "pink");
  });
 
  // 输入框获取焦点时清空内容
  $("input").focus(function(){
    $(this).val("");
  });