与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...
});
使用你喜欢的语法。 我们认为,文档准备事件更容易阅读代码时理解。