jquery常用函数

jQuery 常用函数

选择器函数

$() 或 jQuery() 是核心选择器函数，用于选择 DOM 元素。支持 CSS 选择器语法，例如：

$("#id") // ID 选择器
$(".class") // 类选择器
$("div") // 标签选择器

DOM 操作

html() 获取或设置元素的 HTML 内容：

$("#element").html(); // 获取
$("#element").html("<p>New content</p>"); // 设置

text() 获取或设置元素的文本内容：

$("#element").text(); // 获取
$("#element").text("New text"); // 设置

val() 获取或设置表单元素的值：

$("input").val(); // 获取
$("input").val("New value"); // 设置

事件处理

on() 绑定事件处理程序：

$("#button").on("click", function() {
    alert("Button clicked");
});

click() 简化版的点击事件绑定：

$("#button").click(function() {
    alert("Button clicked");
});

样式操作

css() 获取或设置元素的 CSS 属性：

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

addClass() 和 removeClass() 添加或移除类：

$("#element").addClass("active");
$("#element").removeClass("inactive");

AJAX 请求

$.ajax() 发送异步 HTTP 请求：

$.ajax({
    url: "example.com/api",
    method: "GET",
    success: function(data) {
        console.log(data);
    }
});

$.get() 和 $.post() 简化版的 GET/POST 请求：

$.get("example.com/api", function(data) {
    console.log(data);
});

$.post("example.com/api", { key: "value" }, function(data) {
    console.log(data);
});

动画效果

fadeIn() 和 fadeOut() 淡入淡出效果：

$("#element").fadeIn();
$("#element").fadeOut();

slideUp() 和 slideDown() 滑动效果：

$("#element").slideUp();
$("#element").slideDown();

遍历函数

each() 遍历 jQuery 对象：

$("li").each(function(index) {
    console.log(index + ": " + $(this).text());
});

find() 查找后代元素：

$("#parent").find(".child");

工具函数

$.trim() 去除字符串两端空格：

$.trim("  hello  "); // "hello"

$.isArray() 检查是否为数组：

$.isArray([]); // true