jquery 或
以下是关于 jQuery 的常见用途和方法的整理,涵盖基础操作、DOM 处理、事件绑定等内容:
基础语法
使用 $ 或 jQuery 选择元素并执行操作:
$(selector).action();
选择器
通过 CSS 选择器获取元素:
$("#id") // ID 选择器
$(".class") // 类选择器
$("div") // 标签选择器
$("div.class") // 组合选择器
DOM 操作
修改元素内容或属性:
$("#el").html() // 获取 HTML 内容
$("#el").html("新内容") // 设置 HTML 内容
$("#el").text() // 获取纯文本
$("#el").attr("href") // 获取属性值
$("#el").css("color", "red") // 修改样式
事件处理
绑定点击、悬停等事件:
$("#btn").click(function() {
alert("按钮被点击");
});
$("#box").hover(
function() { /* 鼠标进入 */ },
function() { /* 鼠标离开 */ }
);
AJAX 请求
发送异步请求:
$.ajax({
url: "data.php",
method: "GET",
data: { param: "value" },
success: function(response) {
console.log(response);
}
});
动画效果
内置动画方法:
$("#box").hide(500); // 淡出
$("#box").show(500); // 淡入
$("#box").fadeToggle(300); // 淡入淡出切换
$("#box").slideUp(200); // 向上滑动隐藏
链式调用
支持连续操作:
$("#el")
.css("color", "blue")
.slideUp(200)
.slideDown(200);
实用工具方法
辅助功能:

$.trim(" 字符串 ") // 去除空格
$.each(array, function(index, value) { /* 遍历 */ });
$.isNumeric("123") // 检测是否为数字
jQuery 的兼容性覆盖到 IE6+,适合快速开发跨浏览器项目。现代项目可结合原生 JavaScript 或框架(如 React/Vue)使用。






