jquery 方法
jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是一些常用的 jQuery 方法及其用途:
选择器方法
$("selector")
用于选择 DOM 元素,支持 CSS 选择器语法。例如:$("#id") 选择 ID 为 id 的元素,$(".class") 选择所有类名为 class 的元素。
find("selector")
在当前选中的元素集合中查找匹配的子元素。例如:$("div").find("span") 查找所有 div 元素下的 span 元素。
DOM 操作
html() / html(content)
获取或设置选中元素的 HTML 内容。例如:$("div").html("<p>New content</p>") 将 div 的内容替换为新的 HTML。
text() / text(content)
获取或设置选中元素的文本内容。例如:$("p").text("New text") 将所有 p 元素的文本替换为 "New text"。
attr("attribute") / attr("attribute", "value")
获取或设置选中元素的属性值。例如:$("img").attr("src", "new-image.jpg") 修改所有 img 元素的 src 属性。
事件处理
on("event", handler)
为选中元素绑定事件处理函数。例如:$("button").on("click", function() { alert("Clicked!"); }) 为所有按钮添加点击事件。
click(handler)
简化版的点击事件绑定。例如:$("button").click(function() { console.log("Button clicked"); })。
动画效果
hide() / show()
隐藏或显示选中元素。例如:$("#box").hide() 隐藏 ID 为 box 的元素。
fadeIn() / fadeOut()
通过淡入淡出效果显示或隐藏元素。例如:$("#box").fadeOut(500) 在 500 毫秒内淡出元素。
Ajax 方法
$.ajax(options)
执行异步 HTTP 请求。例如:
$.ajax({
url: "api/data",
method: "GET",
success: function(response) {
console.log(response);
}
});
$.get(url, callback)
发送 GET 请求并处理响应。例如:$.get("api/data", function(data) { console.log(data); })。
实用工具
each(function(index, element))
遍历选中元素集合。例如:
$("li").each(function(index) {
console.log(index + ": " + $(this).text());
});
addClass("className") / removeClass("className")
添加或移除 CSS 类。例如:$("div").addClass("highlight") 为所有 div 元素添加 highlight 类。
这些方法涵盖了 jQuery 的核心功能,适用于大多数常见的网页交互需求。






