引用jquery

jQuery 简介

jQuery 是一个快速、简洁的 JavaScript 库，用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器，提供易于使用的 API，使得开发者能够更高效地操作 DOM 和处理事件。

jQuery 的核心功能

• DOM 操作：通过选择器快速获取和修改页面元素。
• 事件处理：简化事件绑定和委托机制。
• 动画效果：内置淡入淡出、滑动等动画方法。
• Ajax 支持：封装了 $.ajax() 等方法，简化异步请求。

基本语法示例

// 选择器与事件绑定
$("button").click(function() {
    $("p").toggle(); // 切换段落显示/隐藏
});

// Ajax 请求示例
$.ajax({
    url: "data.json",
    method: "GET",
    success: function(data) {
        console.log(data);
    }
});

引入 jQuery

通过 CDN 或本地文件引入：

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

常用方法

• $(selector).hide() / $(selector).show()：隐藏/显示元素。
• $(selector).addClass() / removeClass()：动态修改类名。
• $(selector).animate()：自定义动画效果。

注意事项

• 避免过度依赖 jQuery，现代浏览器已支持大部分原生 API（如 querySelector）。
• 使用最新版本（如 3.x 以上）以获得更好的性能和安全性。

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