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






