jQuery语法



使用jQuery你需要选择(查询)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语法选取元素。在本教程的下一章中,您将了解更多关于选择器语法的知识。


文档就绪事件

你可能已经注意到,在我们的例子中所有的jQuery方法,在文档的准备事件中:

$(document).ready(function(){

   // jQuery methods go here...

});

这是为了防止任何jQuery代码运行在文件加载完成之前(准备).

这是很好的做法,等待文件完全加载和准备工作之后。这也允许你在你的文档的主体有你的JavaScript代码,在<head>部分。

下面是一些例子,如果在文档完全加载之前运行方法,可能会失败:

  • 试图隐藏尚未创建的元素
  • 试图得到尚未加载的图像的尺寸

提示:jQuery团队还创建了一个更短的方法,针对文档就绪事件:

$(function(){

   // jQuery methods go here...

});

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