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 官方文档。