jQuery 语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行 "操作"（actions）。

jQuery 语法

jQuery 语法是为选择 HTML 元素和对元素执行某些 操作 而定制的。

基本语法是: $(selector).action()

• 用于定义/访问 jQuery 的 $ 符号
• 查询（或查找）HTML 元素的（selector）选择器
• 要对元素执行的 jQuery 操作 action()

语法实例:

• $(this).hide() - 隐藏当前元素
• $("p").hide() - 隐藏所有 <p> 元素
• $(".test").hide() - 隐藏所有 class="test" 的元素
• $("#test").hide() - 隐藏所有 id="test" 的元素

您熟悉 CSS 选择器吗？

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

提示：如果您不懂 CSS，可以访问本站的 CSS 教程 。

Document Ready 事件

您可能已经注意到，我们示例中的所有 jQuery 方法都位于一个 Document Ready 事件中:

$(document).ready(function(){
  // 这里写 jQuery 的方法...
});

这是为了防止任何 jQuery 代码在 Document 文档加载完成之前运行。

在使用 Document 文档之前，最好等待文档完全加载并准备就绪。同时也最好将 JavaScript 代码放在文档正文的 head 部分。

下面是一些在文档完全加载之前就运行方法可能会失败的操作示例:

• 隐藏尚未创建的元素
• 获取尚未加载的图像的大小

提示：jQuery 还为 document ready 事件创建了一个更短的方法:

$(function(){
  // 这里写 jQuery 的方法...
});