jquery.js
jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法:

获取 jQuery
- 官方下载:通过 jQuery 官网 下载最新版本(压缩版用于生产环境,未压缩版用于开发调试)。
- CDN 引入:直接通过公共 CDN 加载,例如:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
基础语法
jQuery 通过 $ 或 jQuery 关键字调用,核心是选择器与链式操作:
$(selector).action();
- 选择器:与 CSS 选择器类似,例如
$("#id")、$(".class")。 - 链式调用:多个操作可串联,例如:
$("p").css("color", "red").slideUp(2000).slideDown(2000);
常用方法
- DOM 操作:
$("#element").html("新内容"); // 修改 HTML $("#element").addClass("active"); // 添加类 - 事件处理:
$("#button").click(function() { alert("按钮被点击"); }); - Ajax 请求:
$.ajax({ url: "api/data", method: "GET", success: function(response) { console.log(response); } });
动画效果
- 内置方法如
hide()、show()、fadeIn()、animate():$("#box").animate({left: '250px'}, "slow");
插件扩展
jQuery 支持通过插件扩展功能,例如表单验证插件 jQuery Validation、UI 组件库 jQuery UI。
注意事项
- 版本兼容性:jQuery 1.x 支持旧版 IE,2.x 及以上版本放弃对 IE6-8 的支持。
- 性能优化:避免过度使用复杂选择器,缓存 DOM 查询结果。
如需进一步学习,可参考官方文档或社区教程如 jQuery API Documentation。







