jQuery语法

使用jQuery你需要选择(查询)HTML元素，并在他们上面完成"动作"。

jQuery 语法

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

基本语法是: $(selector).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...

});

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