jquery >

jQuery 简介

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计目标是“写得更少，做得更多”，兼容主流浏览器，并提供了易于使用的 API。

核心功能

• DOM 操作：通过选择器快速查找和操作 HTML 元素。
• 事件处理：统一的事件绑定方法，兼容不同浏览器。
• 动画效果：内置淡入淡出、滑动等动画效果。
• Ajax 支持：简化异步数据加载和交互。

基本语法

jQuery 通过 $ 符号或 jQuery 关键字调用，基本语法为：

$(selector).action();

• selector：CSS 选择器，用于定位元素。
• action()：对元素执行的操作（如 hide()、click()）。

常见方法示例

选择元素

$("#id")          // 通过 ID 选择  
$(".class")       // 通过类选择  
$("p")            // 选择所有 <p> 元素  

事件绑定

$("button").click(function() {  
  alert("按钮被点击");  
});  

修改内容与样式

$("#demo").text("新文本");    // 修改文本  
$("#demo").css("color", "red"); // 修改样式  

Ajax 请求

$.get("url", function(data) {  
  console.log(data);  
});  

链式调用

jQuery 支持链式调用，多个操作可串联执行：

$("#box").hide().delay(500).fadeIn();  

版本与兼容性

• 最新稳定版为 jQuery 3.x，支持现代浏览器。
• 如需兼容旧版 IE（如 IE6-8），可使用 jQuery 1.x 分支。

学习资源

• 官方文档
• Codecademy jQuery 教程
• 《jQuery 实战》书籍

jQuery 虽然逐渐被现代框架（如 React、Vue）取代，但在遗留项目和简单场景中仍有广泛应用。