js jquery
jQuery 简介
jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,适合快速开发前端功能。
核心功能
- DOM 操作:简化元素选择与操作(如
$("#id")、$(".class"))。 - 事件处理:统一事件绑定(如
click()、on())。 - 动画效果:内置动画方法(如
fadeIn()、slideUp())。 - Ajax:封装
$.ajax()简化异步请求。
基础语法示例
// 选择元素并修改内容
$("#demo").text("Hello jQuery");
// 事件绑定
$("#btn").click(function() {
alert("Button clicked");
});
// Ajax 请求
$.get("url", function(data) {
console.log(data);
});
安装方法
- CDN 引入(推荐):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> - 本地下载:从 jQuery 官网 下载文件并引入。
常用方法
- 选择器:
$("p")、$("div.class")。 - CSS 操作:
$("#id").css("color", "red")。 - 属性操作:
attr()、prop()。 - 遍历:
each()、find()。
注意事项
- 性能优化:避免过度使用复杂选择器。
- 现代替代:原生 JavaScript(如
querySelector)和框架(React/Vue)可能更适合新项目。
如需进一步学习,可参考 jQuery 官方文档。







