jquery语法
jQuery 语法基础
jQuery 的核心是通过选择器选取 DOM 元素并对其进行操作。基本语法结构为：
$(selector).action()$是 jQuery 的别名，也可用jQuery替代。selector用于选择 HTML 元素（类似 CSS 选择器）。action()是对元素执行的操作（如事件、动画等）。
选择器示例
通过 ID、类、标签名等选取元素：
$("#id") // 通过 ID 选择
$(".class") // 通过类选择
$("p") // 通过标签名选择
$("div.content") // 组合选择器 常用操作方法
DOM 操作
$("p").text("新文本"); // 修改文本内容
$("p").html("<b>加粗</b>"); // 修改 HTML 内容
$("input").val("值"); // 修改表单值 CSS 操作
$("p").css("color", "red"); // 设置样式
$("p").addClass("highlight"); // 添加类
$("p").toggleClass("active"); // 切换类 事件处理
$("button").click(function() {
alert("按钮被点击");
});
$(document).ready(function() {
// 文档加载完成后执行
}); 链式调用
jQuery 支持链式调用，多个操作可串联：
$("p").css("color", "blue").slideUp(2000).slideDown(2000); AJAX 请求
通过 $.ajax() 或简写方法发送异步请求：
$.get("url", function(data) {
console.log(data);
});
$.post("url", { name: "John" }, function(data) {
console.log(data);
}); 动画效果
内置动画方法简化交互效果：
$("div").hide(1000); // 隐藏元素
$("div").fadeIn("slow"); // 淡入
$("div").animate({ left: "250px" }, 1000); // 自定义动画 实用工具函数
jQuery 提供全局工具函数，如 $.each() 和 $.extend()：
$.each([1, 2, 3], function(index, value) {
console.log(value);
}); 注意事项
- 使用
$(document).ready()确保 DOM 加载完成后再执行脚本。 - 选择器性能：优先使用 ID 或具体选择器，避免过度嵌套。
- 新项目中建议结合现代框架（如 React/Vue），但 jQuery 仍适用于维护旧代码或简单场景。
如需进一步学习，可参考 jQuery 官方文档。
