JQuery中工厂函数$()初探

简介: JQuery中用得最多的要属工厂函数$()了,下面我们就来看一下它的初步应用。  大家知道,在JQuery中我们可以使用 $(document).ready(); 在其中加入页面加载后的代码,以便做出丰富的页面行为。

JQuery中用得最多的要属工厂函数$()了,下面我们就来看一下它的初步应用。

 大家知道,在JQuery中我们可以使用 $(document).ready(); 在其中加入页面加载后的代码,以便做出丰富的页面行为。

它和传统的JS中的onload有什么区别呢?

传统的window的onload程序如下:

window.onload = function() {

      ...

}

它是在整个页面完全被加载之后执行。

这样做最大的一个缺点就是速度问题,onload中的代码不仅是在构建DOM树之后,而且是在所有图像和其它外部资源被完整地加载

并在页面浏览器窗口显示完毕之后才执行。

 

而$(document).ready()最大地优点就是在浏览器构建DOM树之后立即执行其中的代码。

 

$(document).ready()的写法比较正式,用得比较多的写法还可以是:$(), 你可以在括号中直接加你的匿名函数,如下:

$(function() {

      ...

});

$(document).ready(function() {

      ...

});

都是正确的。

 

 

目录
相关文章
|
3月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
1月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
12 1
|
3月前
|
JavaScript 前端开发
jQuery 常用函数解析
jQuery 常用函数解析
|
3月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
|
4月前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
4月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
4月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
32 0
|
4月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
39 0
|
4月前
|
JavaScript 前端开发
jQuery的入口函数
jQuery的入口函数
33 0
|
4月前
|
JavaScript 前端开发 开发者
jquery常用的方法函数
jquery常用的方法函数