jquery js

jQuery 简介
jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“Write Less, Do More”,通过封装常用功能,减少原生 JavaScript 的代码量。
jQuery 的核心功能
- DOM 操作:通过简洁的选择器(如
$("#id")、$(".class"))快速定位元素。 - 事件处理:统一的事件绑定方法(如
click()、on()),兼容不同浏览器。 - 动画效果:内置动画方法(如
fadeIn()、slideUp())。 - Ajax 支持:简化异步请求(如
$.ajax()、$.get())。
基本语法示例
// 选择元素并修改内容
$("#demo").text("Hello, jQuery!");
// 事件绑定
$("#btn").click(function() {
alert("Button clicked!");
});
// Ajax 请求
$.get("https://api.example.com/data", function(response) {
console.log(response);
});
引入 jQuery
在 HTML 中通过 CDN 引入:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
注意事项
- 版本兼容性:jQuery 1.x 支持旧版 IE,2.x 以上放弃支持。
- 现代替代方案:随着原生 JavaScript 的增强(如
querySelector、fetch),部分场景可直接使用原生代码。 - 性能优化:避免过度使用链式操作,必要时用原生方法替代。
如需进一步学习,可参考 jQuery 官方文档。







