jQuery 语法

jQuery语法是通过使用HTML元素选择器进行的，并对元素执行一些操作。

jQuery基本语法：

$(selector).action()

• $ 标志定义jQuery

• (selector) 用于查找HTML元素

• action() 用于对元素执行操作

示例：

$(this).hide()：用于隐藏当前元素

$("p").hide()：用于隐藏所有<p>元素

$(".para").hide()：用于隐藏所有带有class="para"的元素

$("#para").hide()：用于隐藏id="para"的元素

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

文档就绪事件

您可能已经注意到我们示例中的所有jQuery方法都在document.ready事件中：

$(document).ready(function(){

  // jQuery方法（DOM就绪时执行）
  
  });

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

正确的做法是等待文档完全加载并准备就绪，然后再使用它。

这也使您可以在文档正文的开头部分获取JavaScript代码。

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

• 尝试选择尚未创建的元素

• 尝试获取尚未加载的图像的大小

jQuery还为document.ready事件提供了一个更短的方法：

$(function(){
  // jQuery方法,与以上写法效果相同
  });

在$(document).ready()更容易阅读代码时理解。

注意：这$(document).ready()是一个事件，该事件用于使用jQuery安全地操纵页面（此事件中的代码仅在DOM准备就绪后才运行）。