jquery.js

jQuery 简介

jQuery 是一个快速、简洁的 JavaScript 库，用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do More”，通过封装常见任务，减少开发者的代码量。

核心功能

• DOM 操作：通过选择器（如 $("#id") 或 $(".class")）快速定位元素并修改内容、样式或结构。
• 事件处理：简化事件绑定（如 click()、hover()）和自定义事件触发。
• 动画效果：内置动画方法（如 fadeIn()、slideUp()）和自定义动画（animate()）。
• Ajax 支持：提供 $.ajax()、$.get() 等方法实现异步数据交互。

基本语法示例

// 选择元素并修改内容  
$("#myDiv").html("Hello, jQuery!");  

// 事件绑定  
$("#myButton").click(function() {  
    alert("Button clicked!");  
});  

// Ajax 请求  
$.get("https://api.example.com/data", function(response) {  
    console.log(response);  
});  

版本与加载

• 最新版本：jQuery 3.x（支持现代浏览器）和 jQuery 1.x（兼容旧版 IE）。
• CDN 引入：

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>  

替代方案

随着现代 JavaScript（如 ES6+）和框架（React、Vue）的普及，jQuery 的使用逐渐减少，但在遗留项目或简单场景中仍有价值。

如需进一步学习，可参考 jQuery 官方文档。