发布时间:2026-09-28 18:24:18 浏览次数:1
以下是详细讲解“jQuery 使用手册(一)”的完整攻略:
jQuery 是一种流行的 JavaScript 库,用于简化 HTML 文档的遍历、事件处理、动画和 Ajax 操作。它被设计为易于使用的操作 DOM 元素的工具。
在使用 jQuery 之前,我们需要先引入 jQuery 库文件。可以从官网下载 jQuery 文件,也可以使用以下 CDN 引入:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>在引入 jQuery 文件后,即可使用 jQuery 方法对 HTML 元素进行操作。
在使用 jQuery 的语法时,需要使用 $ 符号来代替 jQuery。下面是 jQuery 的基本语法:
$(selector).action()$:定义 jQueryselector:查找 HTML 元素的规则action():对查找到的 HTML 元素执行的操作jQuery 选择器用于选择 HTML 元素,下面是一些 jQuery 选择器的示例:
$(document).ready(function(){ // 选择所有的 <p> 元素 $("p").hide(); // 选择 id 为 myDiv 的元素 $("#myDiv").css("background-color", "red"); // 选择 class 为 myClass 的元素 $(".myClass").text("Hello World!");});在 jQuery 中,事件是发生在 HTML 元素上的事情,下面是一些 jQuery 事件的示例:
$(document).ready(function(){ // 点击按钮时隐藏 <p> 元素 $("button").click(function(){ $("p").hide(); }); // 鼠标进入 <p> 元素时更改背景颜色 $("p").mouseenter(function(){ $(this).css("background-color", "yellow"); }); // 鼠标离开 <p> 元素时恢复背景颜色 $("p").mouseleave(function(){ $(this).css("background-color", "white"); });});