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准备就绪后才运行)。