国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jquery > 关于jQuery ready()方法一些用法解释

关于jQuery ready()方法一些用法解释

来源:程序员人生   发布时间:2014-04-02 09:59:26 阅读次数:2765次

jQuery的ready方法的是开发中经常用到的,作用相当于我们的body onload,是当页面DOM准备就绪的时候才运行的代码,最常用的就是在DOM渲染加载之前,先给document绑定ready事件,然后当页面DOM都准备好之后才运行这个事件。

关于jQuery的ready有以下几种用法

最常用也是最标准的ready方法
$(document).ready(){
});
简写的jQuery ready()
$(function(){
});
这是因为jQuery的选择器第一个参数假如为空,那么默认的是document

不建议使用的ready()方法
$().ready(handler);
在jQuery1.4发布公告中提到了:在jQuery1.4中仍然保留这种方法,但是不推荐使用,并且jQuery1.3的ready会返回一个jQuery的对象,而1.4中则不会又返回

解决jQuery($)库冲突的ready方法

这一种方式一般用在处理jQuery的$和别的库冲突的时候用的,可以通过jQuery.noConflict()这个方法,我们就可以直接在代码中通过jQuery来代替$来使用,但又习惯了使用$怎么办?看下面的代码:

jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //这样我们就可以使用$了
});

后记
一般在开发中断桥残雪是不会推荐使用jQuery的ready方法的,因为绑定ready事件之后,jQuery需要添加DOMContentLoaded监听事件,对于页面加载渲染是有一定影响的,所以建议我们在逼不得已的情况下才使用jQuery的ready。

在实际开发中我推荐把ready中要执行的函数放在DOM的HTML代码之后,也就是当DOM渲染过去之后再执行handler,或者把代码直接放在页面的末尾

原文:http://www.js8.in/603.html

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生