jquery常用方法
jQuery 常用方法
选择器方法
$() 或 jQuery() 是 jQuery 的核心选择器方法，用于选择 DOM 元素。支持 CSS 选择器语法，例如 $("#id")、$(".class")、$("tag")。
find() 用于在已选元素内部查找子元素，例如 $("div").find("span") 会选择所有 div 内的 span 元素。
parent() 获取当前元素的直接父元素，parents() 获取所有祖先元素。
DOM 操作
html() 获取或设置元素的 HTML 内容，例如 $("#container").html("<p>New content</p>")。
text() 获取或设置元素的纯文本内容，例如 $("#title").text("New Title")。
val() 获取或设置表单元素的值，例如 $("input").val("New Value")。
append() 在元素内部末尾插入内容，例如 $("#list").append("<li>Item</li>")。
prepend() 在元素内部开头插入内容，例如 $("#list").prepend("<li>First Item</li>")。
事件处理
on() 绑定事件监听器，例如 $("#button").on("click", function() { alert("Clicked"); })。
click() 是 on("click") 的简写形式，例如 $("#button").click(function() { alert("Clicked"); })。
hover() 绑定鼠标悬停和离开事件，例如 $("#element").hover(function() { $(this).css("background", "red"); })。
样式和属性操作
css() 获取或设置元素的 CSS 样式，例如 $("#box").css("color", "red")。
addClass() 添加类名，例如 $("#box").addClass("active")。
removeClass() 移除类名，例如 $("#box").removeClass("inactive")。
toggleClass() 切换类名，例如 $("#box").toggleClass("highlight")。
attr() 获取或设置元素属性，例如 $("img").attr("src", "new-image.jpg")。
AJAX 请求
$.ajax() 发送异步 HTTP 请求，例如：
$.ajax({
url: "api/data",
method: "GET",
success: function(response) {
console.log(response);
}
});$.get() 发送 GET 请求，例如 $.get("api/data", function(response) { console.log(response); })。
$.post() 发送 POST 请求，例如 $.post("api/save", { name: "John" }, function(response) { console.log(response); })。
动画效果
show() 显示元素，例如 $("#box").show()。
hide() 隐藏元素，例如 $("#box").hide()。
toggle() 切换元素的显示状态，例如 $("#box").toggle()。
fadeIn() 淡入元素，例如 $("#box").fadeIn()。
fadeOut() 淡出元素，例如 $("#box").fadeOut()。
slideDown() 向下滑动显示元素，例如 $("#box").slideDown()。
slideUp() 向上滑动隐藏元素，例如 $("#box").slideUp()。
实用工具方法
$.each() 遍历数组或对象，例如：
$.each([1, 2, 3], function(index, value) {
console.log(value);
});$.extend() 合并对象，例如：
var obj = $.extend({}, { a: 1 }, { b: 2 });$.trim() 去除字符串两端的空格，例如 $.trim(" text ") 返回 "text"。
这些方法是 jQuery 开发中的核心功能，涵盖了 DOM 操作、事件处理、AJAX 请求和动画效果等常见需求。
