jquery %
jQuery 简介
jQuery 是一个快速、简洁的 JavaScript 库，用于简化 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器，提供易于使用的 API，使开发者能够更高效地操作 DOM 和处理跨浏览器兼容性问题。
核心功能
- DOM 操作：通过选择器（如
$("selector")）快速获取和操作元素。 - 事件处理：简化事件绑定（如
click()、hover()）。 - 动画效果：内置动画方法（如
fadeIn()、slideUp()）。 - Ajax 支持：提供
$.ajax()、$.get()等方法实现异步请求。
基本语法示例
// 选择元素并修改内容
$("#myElement").text("Hello, jQuery!");
// 事件绑定
$("#myButton").click(function() {
alert("Button clicked!");
});
// Ajax 请求
$.get("https://api.example.com/data", function(response) {
console.log(response);
});安装与引入
- CDN 引入（推荐）：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> - 本地引入：下载 jQuery 文件并添加到项目中。
常用方法
- 选择器：
$(".class") // 类选择器 $("div") // 标签选择器 - 属性操作：
$("#myImg").attr("src", "new-image.jpg"); - CSS 操作：
$("p").css("color", "red");
链式调用
jQuery 支持链式调用，允许多个操作串联执行：
$("#myDiv").addClass("highlight").fadeOut(1000).fadeIn(1000);插件扩展
jQuery 生态包含丰富的插件（如 jQuery UI、DataTables），可通过官方插件库或 npm 安装扩展功能。
注意事项
- 现代浏览器原生 API（如
querySelector、fetch）已部分替代 jQuery 功能，但在旧项目或简化开发中仍广泛使用。 - 避免过度依赖 jQuery，尤其是性能敏感场景。
如需进一步学习，可参考 jQuery 官方文档。
