jQuery 语法
在本教程中，您将学习如何编写 jQuery 代码。
标准 jQuery 语法
jQuery 语句通常以美元符号 ($) 开头，并以分号 (;) 结尾。
在 jQuery 中，美元符号 ($) 只是 jQuery 的别名。 让我们考虑以下示例代码，它演示了 jQuery 最基本的语句。
<script>
$(document).ready(function(){
// 一些要执行的代码...
alert("Hello World!");
});
</script>上面的示例只是显示了一条警告消息"Hello World！" 给用户。
代码说明
如果您对 jQuery 完全陌生，您可能会认为该代码的全部内容。 好的，让我们一一浏览这个脚本的每个部分。
<script>元素 — 由于 jQuery 只是一个 JavaScript 库，所以 jQuery 代码可以放在<script>元素内。 但是，如果您想将其放入首选的 external JavaScript file 中，则只需删除此部分即可。$(document).ready(handler);— 该语句通常称为就绪事件。 其中 handler 基本上是一个传递给ready()方法的函数，以便在文档准备好被操作时安全地执行，即当 DOM 层次结构完全构建时。
jQuery ready() 方法通常与匿名函数一起使用。 所以，上面的例子也可以写成这样的简写符号：
<script>
$(function(){
// 一些要执行的代码...
alert("Hello World!");
});
</script>提示：您可以使用任何您喜欢的语法，因为这两种语法是等效的。 但是，文档就绪事件在阅读代码时更容易理解。
此外，在事件处理函数中，您可以编写 jQuery 语句来执行遵循基本语法的任何操作，例如：$(selector).action();
其中，$(selector) 基本上从 DOM 树中选择 HTML 元素以便可以对其进行操作，并且 action() 对所选元素应用一些操作，例如更改 CSS 属性值或设置元素的内容等。让我们考虑另一个示例 在 DOM 准备好后设置段落文本：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Document Ready Demo</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("p").text("Hello World!");
});
</script>
</head>
<body>
<p>Not loaded yet.</p>
</body>
</html>在上面示例（line no-10）的 jQuery 语句中，p 是一个 jQuery 选择器，它选择所有段落，即文档中的 <p> 元素，稍后 text() 方法将段落的文本内容设置为"Hello World！" 文本。
当文档准备好时，上面示例中的段落文本会自动替换。 但是如果我们希望用户在执行 jQuery 代码来替换段落文本之前执行一些操作呢？ 让我们考虑最后一个例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Click Handler Demo</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").text("Hello World!");
});
});
</script>
</head>
<body>
<p>Not loaded yet.</p>
<button type="button">替换文本</button>
</body>
</html>在上面的示例中，仅当"替换文本" <button> 上发生单击事件时才会替换段落文本，这仅表示用户单击此按钮时。
现在您已经基本了解了 jQuery 的工作原理，在接下来的章节中，您将了解我们在这里详细讨论过的术语。
注意：您应该将 jQuery 代码放在文档就绪事件中，以便您的代码在文档准备好处理时执行。