jQuery是一个小型,快速且功能丰富的javascript库,用于简化DOM树遍历及其操作。它还可以处理事件,Ajax和CSS动画。它主要用于简化选择,查找和操作DOM元素及其属性的语法。可以使用Jquery在包含特定属性的文档中查找元素,或者修改其属性或响应事件。
jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。jQuery语句通常以美元符号($)开头,以分号(;)结尾。
基础语法:
$(selector).action()
-
美元符号定义 jQuery
-
选择符(selector)”查询”和”查找” HTML 元素
-
jQuery 的 action() 执行对元素的操作
$(selector)从DOM树中选择HTML元素,以便可以对其进行操作,并对action()选定的元素执行一些操作,例如更改CSS属性值或设置元素的内容等。
文档就绪事件
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
$(document).ready(function(){ // 开始写 jQuery 代码... });
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
-
试图隐藏一个不存在的元素
-
获得未完全加载的图像的大小
简洁写法(与以上写法效果相同):
$(function(){ // 开始写 jQuery 代码... });
您可以使用任何喜欢的语法,因为这两种语法是等效的。但是,在阅读代码时,文档就绪事件更容易理解。
长按二维码,查阅更多教程
发表评论