jQuery 基础知识总结（超级详细）

jQuery是一个快速、简洁的JavaScript框架，主要用于简化JavaScript与DOM的交互。以下是一些常用的jQuery方法和选择器：

1. 选择元素

$(selector) // 选择页面上的元素

2. 事件绑定

$(selector).event(function() {
  // 事件处理代码
});

3. 样式操作

$(selector).css("property", "value"); // 设置样式
$(selector).css("property"); // 获取样式值

4. 属性操作

$(selector).attr("attribute", "value"); // 设置属性
$(selector).attr("attribute"); // 获取属性值

5. 内容操作

$(selector).html(); // 获取内容
$(selector).html("content"); // 设置HTML内容
$(selector).text(); // 获取文本内容
$(selector).text("text"); // 设置文本内容

6. 类操作

$(selector).addClass("className"); // 添加类
$(selector).removeClass("className"); // 移除类
$(selector).toggleClass("className"); // 切换类

7. 动画

$(selector).show(speed, callback); // 显示元素
$(selector).hide(speed, callback); // 隐藏元素
$(selector).toggle(speed, callback); // 切换显示与隐藏

8. AJAX

$.ajax({
  type: "GET",
  url: "url",
  data: { key: "value" },
  success: function(data) {
    // 成功处理
  },
  error: function(error) {
    // 错误处理
  }
});

9. 链式调用

$(selector)
  .event(function() {
    // 事件处理
  })
  .css("property", "value");

10. JavaScript 和 jQuery 相互操作

$(selector)[0] // jQuery对象转为JavaScript对象
$(javascriptObject) // JavaScript对象转为jQuery对象

以上是一些基础的jQuery方法，实际开发中可以根据需要选择合适的方法进行操作。