本节我们学习 jQuery
的语法,通过 jQuery
,我们可以选取 HTML 元素并对它们执行操作。
jQuery语法
jQuery
语法是为选取 HTML 元素和对元素执行某些操作而定制的。
基本语法格式:
$(selector).action()
- 首先是美元符号
$
,是jQuery
的别名,表示jQuery
对象。 -
selector
是一个选择符,用于查询 HTML 元素。 -
action()
表示要对元素执行的jQuery
操作。
示例:
例如我们来看几个例子:
$(this).hide() // 隐藏当前元素
$("span").hide() // 隐藏所有<span>元素
$(".xkd").hide() // 隐藏class="xkd"的所有元素
$("#xkd").hide() // 隐藏id="xkd"的所有元素
文档就绪函数
为了防止文档在没有完全加载之前就运行 jQuery
代码,我们需要一个文档就绪函数:
$(document).ready(function() {
// jquery代码
});
添加这个函数后,就只能在 DOM
加载完成后才可以对 DOM
进行操作。
如果在文档没有完全加载之前运行函数,可能会失败操作,例如:
- 试图隐藏一个不存在的元素。
- 尝试获取尚未加载的图像大小
上面的函数还有一个简洁的写法:
$(function() {
// jquery代码
});
这两种写法的效果都是一样的,但是简写看起来更方便一些。、