引用jquery
jQuery 简介
jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计目标是让开发者能够更便捷地操作 DOM 和处理浏览器兼容性问题。
jQuery 的主要功能
- DOM 操作:提供简洁的语法选择元素并修改其内容或样式。
- 事件处理:统一不同浏览器的事件模型,简化事件绑定与触发。
- 动画效果:内置动画方法(如
fadeIn()、slideUp())。 - Ajax 支持:简化异步数据请求(如
$.ajax())。
基础语法示例
// 选择元素并修改内容
$("#myElement").text("Hello, jQuery!");
// 绑定点击事件
$("#myButton").click(function() {
alert("Button clicked!");
});
// Ajax 请求示例
$.ajax({
url: "data.json",
method: "GET",
success: function(data) {
console.log(data);
}
});
引入 jQuery
在 HTML 中通过 CDN 引入:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
适用场景
- 快速开发交互式网页。
- 兼容旧版浏览器(如 IE6+)。
- 简化复杂 DOM 操作或 Ajax 请求。
注意:现代框架(如 React、Vue)逐渐取代 jQuery,但在遗留项目或简单场景中仍广泛使用。






