jquery常用方法
选择器方法
$() 是 jQuery 的核心方法,用于选择 DOM 元素:
$("#id") // 通过 ID 选择
$(".class") // 通过类名选择
$("div") // 通过标签名选择
$("div.class") // 组合选择
DOM 操作
内容操作
.html() // 获取或设置 HTML 内容
.text() // 获取或设置文本内容
.val() // 获取或设置表单元素的值
属性操作

.attr("name") // 获取属性
.attr("name", "value") // 设置属性
.removeAttr("name") // 删除属性
事件处理
.click(function) // 点击事件
.hover(handlerIn, handlerOut) // 悬停事件
.on("event", function) // 通用事件绑定
.off("event") // 解绑事件
CSS 和样式
.css("property") // 获取样式
.css("property", "value") // 设置样式
.addClass("class") // 添加类
.removeClass("class") // 移除类
.toggleClass("class") // 切换类
动画效果
.hide() // 隐藏元素
.show() // 显示元素
.fadeIn() // 淡入
.fadeOut() // 淡出
.slideDown() // 向下滑动展开
.slideUp() // 向上滑动收起
.animate({params}, duration) // 自定义动画
Ajax 请求
$.ajax({
url: "endpoint",
method: "GET/POST",
data: {key: value},
success: function(response) {}
});
// 简写方法
$.get(url, callback)
$.post(url, data, callback)
遍历与过滤
.each(function) // 遍历元素
.filter(".class") // 过滤匹配元素
.find(".child") // 查找子元素
.parent() // 获取父元素
实用工具
$.trim(string) // 去除字符串两端空格
$.isArray(obj) // 检查是否为数组
$.extend({}, obj1, obj2) // 合并对象






