jQuery 语法
使用 jQuery，您可以选择 (query) HTML 元素并对它们执行“操作”。
jQuery 语法
jQuery 语法是专门为**选择** HTML 元素并对这些元素执行**操作**而设计的。
基本语法是： $(selector).action()
- 一个 $ 符号用于定义/访问 jQuery
- 一个 (selector) 用于“查询 (或查找)” HTML 元素
- 一个 jQuery action() 将在选定的元素上执行
示例
$(this).hide() - 隐藏当前元素。
$("p").hide() - 隐藏所有 <p> 元素。
$(".test").hide() - 隐藏所有 class="test" 的元素。
$("#test").hide() - 隐藏 id="test" 的元素。
您熟悉 CSS 选择器吗？
jQuery 使用 CSS 语法来选择元素。您将在本教程的下一章中了解更多关于选择器语法的内容。
提示：如果您不了解 CSS，可以阅读我们的 CSS 教程。
文档就绪事件
您可能已经注意到，我们示例中的所有 jQuery 方法都包含在文档就绪事件中。
$(document).ready(function(){
// jQuery 方法放在这里...
});
这是为了防止任何 jQuery 代码在文档完全加载 (就绪) 之前运行。
在操作文档之前，最好等待文档完全加载并就绪。这也能让您将 JavaScript 代码放在文档的 head 部分，而不是 body 部分。
以下是一些如果您在文档完全加载前运行方法可能导致失败的操作示例
- 尝试隐藏一个尚未创建的元素
- 尝试获取一个尚未加载的图像的大小
提示：jQuery 团队还为文档就绪事件创建了一个更简洁的方法
$(function(){
// jQuery 方法放在这里...
});
使用您喜欢的语法。我们认为文档就绪事件在阅读代码时更容易理解。
