jQuery 执行一个函数
什么是 jQuery？
jQuery 是一个 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画效果和 Ajax 操作等常见任务。它是建立在 JavaScript 之上的，因此在使用 jQuery 之前，我们需要先了解一些 JavaScript 的基础知识。
JavaScript 基础知识
JavaScript 是一种用于网页交互的脚本语言，它可以在网页上实现动态的效果和交互性。在学习 jQuery 之前，让我们先了解一些 JavaScript 的基础知识。
1. HTML 与 JavaScript
在 HTML 文件中，我们可以使用 <script> 标签将 JavaScript 代码嵌入到 HTML 文件中。下面是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 示例</title>
</head>
<body>
JavaScript 示例
<p id="demo">这是一个段落。</p>
<script>
// JavaScript 代码
document.getElementById("demo").innerHTML = "Hello, World!";
</script>
</body>
</html>
在这个例子中，我们使用了 document.getElementById() 方法来获取 id 为 "demo" 的元素，并使用 .innerHTML 属性改变了该元素的内容为 "Hello, World!"。
2. JavaScript 函数
JavaScript 函数是一段可重用的代码块，它接收输入参数、执行特定的任务，并返回一个值。下面是一个简单的函数示例：
function sayHello(name) {
return "Hello, " + name + "!";
}
var greeting = sayHello("John");
console.log(greeting); // 输出：Hello, John!
在这个例子中，我们定义了一个名为 sayHello 的函数，它接收一个名为 name 的参数，并返回一个拼接了 "Hello, " 和 name 的字符串。我们将函数的返回值赋给了 greeting 变量，并通过 console.log() 方法将其输出到浏览器的控制台。
3. 事件处理
在 JavaScript 中，我们可以通过事件处理程序来响应用户与网页的交互。下面是一个使用 JavaScript 实现点击按钮改变文本的例子：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 事件处理示例</title>
<script>
function changeText() {
var paragraph = document.getElementById("demo");
paragraph.innerHTML = "文本已改变！";
}
</script>
</head>
<body>
JavaScript 事件处理示例
<p id="demo">这是一个段落。</p>
<button onclick="changeText()">点击改变文本</button>
</body>
</html>
在这个例子中，我们定义了一个名为 changeText 的函数，当点击按钮时，该函数会获取 id 为 "demo" 的段落元素，并将其内容改变为 "文本已改变！"。
jQuery 基础知识
现在我们已经了解了一些 JavaScript 的基础知识，让我们继续学习 jQuery。
1. 引入 jQuery
要使用 jQuery，我们首先需要在 HTML 文件中引入 jQuery 库。我们可以通过下载 jQuery 文件，并使用 <script> 标签将其引入：
<!DOCTYPE html>
<html>
<head>
<title>jQuery 示例</title>
<script src="jquery.js"></script>
</head>
<body>
<!-- HTML 内容 -->
</body>
</html>
上面的例子中，我们将 jQuery 文件保存为 "jquery.js" 并将其引入到了 HTML 文件中。
2. 选择元素
在 jQuery 中，我们可以使用选择器来选择一个或多个元素，并对其进行操作。使用 $() 或 jQuery() 函数来创建 jQuery 对象，然后通过选择器选择我们想要操作的元素。下面是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>选择元素示例</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
// 选择 id 为 "demo" 的元素，并改变其内容
$("#demo").text("Hello, World!");
});
</script>
</head>
