最新的Web开发教程
 

jQuery语法


与jQuery选择(查询)HTML元素并对其进行“动作”。


jQuery的语法

jQuery的语法是专为上选择 HTML元素并执行一些动作 element(s)

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

  • 一个$符号定义/ jQuery的访问
  • A(选择)为“查询(或发现)”HTML元素
  • 这个jQuery action ()要在执行上的element(s)

例子:

$(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代码,在头部分。

下面是如果方法文档之前运行可能失败的行动的一些例子满载:

  • 试图隐藏尚未创建一个元素
  • 试图获得一个尚未加载的图像的大小

提示:jQuery开发团队还创建了文档准备事件更短的方法:

$(function(){

  // jQuery methods go here...

});

使用你喜欢的语法。 我们认为,文档准备事件更容易阅读代码时理解。