jQuery 基础知识总结（超级详细），35岁以上程序员求职没市场

jQuery是一种快速、简洁的JavaScript库，主要用于简化HTML文档与JavaScript的操作，提高网页的交互性。以下是一些常用的jQuery方法和选择器：

1. 选择器：

$("#element") // 选择ID为element的元素
$(".class")   // 选择所有class为class的元素
$("p")        // 选择所有的p元素
$("p.class")  // 选择所有class为class的p元素
$("#element, .class, p") // 组合选择

2. 事件绑定：

$("#element").click(function() {
    // 点击事件的处理逻辑
});

3. 样式操作：

$("#element").css("color", "red"); // 设置样式
$("#element").css("color"); // 获取样式

4. 内容操作：

$("#element").html(); // 获取内容
$("#element").html("New Content"); // 设置内容
$("#element").text(); // 获取文本内容
$("#element").text("New Text"); // 设置文本内容

5. 属性操作：

$("#element").attr("href"); // 获取属性
$("#element").attr("href", "http://www.example.com"); // 设置属性

6. 类操作：

$("#element").addClass("class"); // 添加类
$("#element").removeClass("class"); // 移除类
$("#element").toggleClass("class"); // 切换类

7. 动画：

$("#element").fadeIn(); // 淡入
$("#element").fadeOut(); // 淡出
$("#element").slideDown(); // 滑下
$("#element").slideUp(); // 滑上
$("#element").animate({width: "200px"}, 2000); // 自定义动画

8. AJAX：

$.ajax({
    url: "http://www.example.com",
    type: "GET",
    success: function(data) {
        // 请求成功的处理逻辑
    },
    error: function() {
        // 请求失败的处理逻辑
    }
});

9. 链式调用：

$("#element").css("color", "red").slideDown();

10. jQuery对象和DOM对象转换：

var domElement = $("#element")[0]; // jQuery对象转换为DOM对象
var jQueryElement = $(domElement); // DOM对象转换为jQuery对象

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