jquery.js

jQuery 简介

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少，做得更多”，兼容多种浏览器，并提供链式调用等便捷语法。

核心功能

• DOM 操作：通过选择器（如 $("selector")）快速查找和修改元素。
• 事件处理：简化事件绑定（如 click(), on()）。
• 动画效果：内置方法（如 fadeIn(), slideUp()）实现动态效果。
• Ajax：支持异步请求（如 $.ajax(), $.get()）。

基本用法示例

// 文档加载完成后执行  
$(document).ready(function() {  
    // 点击按钮隐藏元素  
    $("#btn").click(function() {  
        $("#target").hide();  
    });  
});  

常用 API

• 选择器：$("#id"), $(".class"), $("tag")
• 属性操作：attr(), prop(), val()
• CSS 操作：css(), addClass(), toggleClass()
• 遍历：each(), find(), parent()

获取 jQuery

• CDN 引入：

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

• 本地下载：从 jQuery 官网 获取最新版本。

注意事项

• 现代浏览器原生 API（如 fetch、querySelector）已部分替代 jQuery 功能，可根据项目需求选择使用。
• 使用前确保 DOM 已加载（通过 $(document).ready() 或简写 $(function() { ... })）。