jquery in
jQuery简介
jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。其核心特点是“写得更少,做得更多”(Write Less, Do More),兼容主流浏览器。
核心功能
- DOM操作:通过选择器(如
$("p"))快速获取元素,支持链式调用。 - 事件处理:简化事件绑定(如
click()、on())。 - 动画效果:内置方法(如
fadeIn()、slideUp())。 - Ajax支持:
$.ajax()、$.get()等方法实现异步请求。
基础语法示例
// 隐藏所有<p>元素
$("p").hide();
// 点击按钮时显示div
$("#btn").click(function() {
$("div").show();
});
// Ajax请求示例
$.get("url", function(data) {
console.log(data);
});
版本与兼容性
- 最新版本:3.x(支持现代浏览器),1.x(兼容旧版IE)。
- CDN引入:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
替代方案
现代前端框架(如React、Vue)逐渐取代jQuery,但jQuery仍适用于简单项目或旧系统维护。







