jquery e

jQuery 简介

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

jQuery 基本语法

jQuery 通过选择器（类似 CSS）选取 DOM 元素，并对其执行操作。语法结构为 $(selector).action()：

• $ 是 jQuery 的别名。
• selector 用于查找 HTML 元素。
• action() 是对元素执行的操作。

示例：

// 隐藏所有 <p> 元素  
$("p").hide();  

常用方法

DOM 操作

• text()：获取或设置文本内容。
• html()：获取或设置 HTML 内容。
• val()：获取或设置表单字段的值。

示例：

$("#myDiv").text("Hello jQuery");  

事件处理

• click()：点击事件。
• hover()：鼠标悬停事件。

示例：

$("button").click(function() {  
    alert("Button clicked");  
});  

Ajax 请求
通过 $.ajax() 实现异步数据加载：

$.ajax({  
    url: "data.json",  
    success: function(result) {  
        console.log(result);  
    }  
});  

链式调用

jQuery 支持链式调用，多个操作可串联执行：

$("#myDiv").css("color", "red").slideUp(1000).slideDown(1000);  

注意事项

• 需引入 jQuery 库（通过 CDN 或本地文件）。
• 使用 $(document).ready() 确保 DOM 加载完成后再执行脚本。

示例：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>  
<script>  
$(document).ready(function() {  
    // jQuery 代码  
});  
</script>