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);
});

安装方法

1. CDN 引入（推荐）：

   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2. 本地下载：从 jQuery 官网 下载文件并引入。

常用方法

• 选择器：$("p")、$("div.class")。
• CSS 操作：$("#id").css("color", "red")。
• 属性操作：attr()、prop()。
• 遍历：each()、find()。

注意事项

• 性能优化：避免过度使用复杂选择器。
• 现代替代：原生 JavaScript（如 querySelector）和框架（React/Vue）可能更适合新项目。

如需进一步学习，可参考 jQuery 官方文档。