jQuery 语法

使用 jQuery，您可以选择（查询）HTML 元素并对它们执行"actions"。

jQuery 语法是为选择HTML 元素并执行一些行动在元素上。

基本语法是：$(选择器).行动()

例子：

$(this).hide()- 隐藏当前元素。

$("p").hide()- 隐藏所有 <p> 元素。

$(".test").hide()- 隐藏所有 class="test" 的元素。

$("#test").hide()- 隐藏 id="test" 的元素。

你熟悉 CSS 选择器吗？

jQuery 使用 CSS 语法来选择元素。您将在本教程的下一章中了解有关选择器语法的更多信息。

提示：如果你不懂CSS，你可以阅读我们的CSS 教程。

文档就绪事件

您可能已经注意到，我们示例中的所有 jQuery 方法都位于文档就绪事件内：

$(document).ready(function(){

// jQuery methods go here...

});

这是为了防止在文档加载完成（准备就绪）之前运行任何 jQuery 代码。

最好等待文档完全加载并准备就绪后再使用它。这还允许您将 JavaScript 代码放在文档正文之前的 head 部分中。

以下是一些如果在文档完全加载之前运行方法可能会失败的操作示例：

提示：jQuery 团队还为文档就绪事件创建了一个更短的方法：

$(function(){

// jQuery methods go here...

});

使用您喜欢的语法。我们认为文档就绪事件在阅读代码时更容易理解。