JQUERY 简介
JQUERY 语法 

JQUERY 使用

jQuery 是一个流行的 JavaScript 库，它简化了在网页中使用 JavaScript 的许多常见任务，如处理 HTML 文档遍历和操作、事件处理、动画效果和 AJAX。实际使用时通常需要以下步骤：


1、引入 jQuery 库文件：

在 HTML 文件中的 <head> 或 <body> 标签中引入 jQuery 库文件。可以通过下载 jQuery 文件并本地引入，或者通过 CDN（内容分发网络）引入，如下所示：

<!-- 本地引入 -->
<script src="path/to/jquery.min.js"></script>
<!-- CDN 引入 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>


2、编写 jQuery 代码：

一旦引入了 jQuery 库，就可以在 <script> 标签中编写 jQuery 代码。jQuery 使用 CSS 选择器语法来选择元素，并提供了简洁的方法来操作和处理这些元素。

<script>
$(document).ready(function() {
    // jQuery 代码写在这里
});
</script>


3、基本语法：

使用 jQuery 选择器选择一个或多个 HTML 元素，然后可以对这些元素执行操作或绑定事件。例如：

// 使用 jQuery 选择器选择元素并添加 CSS 类

$("button").addClass("green");
// 绑定点击事件
$("button").click(function() {
    alert("按钮被点击了！");
});


4、文档加载完成时执行：

为确保 DOM 元素已经完全加载后再执行 jQuery 代码，建议将代码包裹在 $(document).ready() 函数中，或者使用简化的形式

$(function() { ... })：
$(document).ready(function() {
    // jQuery 代码
});
// 或者简化形式
$(function() {
    // jQuery 代码
});


5、jQuery 方法和功能： jQuery 提供了丰富的方法和功能，如操作 CSS 样式、处理事件、执行动画、发送 AJAX 请求等。详细的 API 文档可以在 jQuery 官方网站上找到：jQuery API Documentation


6、示例：

下面是一个简单的示例，演示了如何使用 jQuery 来监听按钮点击事件，并统计按钮点击次数：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>jQuery 示例</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <style>
        .highlight {
            color: red;
        }
    </style>
</head>
<body>
<button>点击我</button>
<p>按钮被点击了 <span id="count">0</span> 次。</p>
<script>
$(document).ready(function() {
    var count = 0;
    $("button").click(function() {
        count++;
        $("#count").text(count);
    });
});
</script>
</body>
</html>


以上是基本的 jQuery 使用方法和示例。通过引入 jQuery，你可以更便捷地操作和管理网页中的元素和事件，减少重复代码，并提高开发效率。