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