锋利的jQuery--关于$(document).ready()函数及jQuery代码风格

jQuery代码：

　　$(document).ready(function(){

　　　　//jQuery代码

　　});

在该函数内的全部代码都将在DOM加载完毕后，页面所有内容（包括图片等）彻底加载完毕前被执行。

window.onload与$(document).ready()的对比：

一、执行时机：

　　　　window.onload方法：必须等网页中的全部内容加载完成后（包括图片和关联文件）才能执行。

　　　　$(document).ready()方法：网页中全部的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并无加载完。

二、编写个数：

　　　　window.onload方法：不能够同时编写多个，否则会只执行最后一个。

　　　　$(document).ready()方法：可以编写多个，结果依次输出。

三、简写方法：

　　　　window.onload方法：无简写。

　　　　$(document).ready()方法：能够简写成：$(function(){

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//jQuery代码　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 });

2、jQuery代码风格

　　一、链式操做风格

　　（1）对于同一对象不超过3个操做的，能够直接写成一行。

　　eg:

　　　　$("li").show().unbind("click");

　　（2）对于同一个对象的较多操做，建议每行写一个操做。

　　eg:

　　　　$(this).removeClass("mouseout")

　　　　　　.addClass("mouseover")

　　　　　　.stop()

　　　　　　.fadeTo("fast",0.6)

　　　　　　.fadeTo("fast",1)　

　　　　　　.unbind("click")

　　　　　　.click(function(){

　　　　　　　　　//do something...

　　　　})　

　　（3）对于多个对象的少许操做，能够每一个对象写一行，若是涉及子元素，能够考虑适当的缩进。

　　　eg:

　　　$(".has_children").click(function(){
               $(this).addClass("highlight")
                .children("a").show().end()
                .siblings().removeClass("highlight")
                .children("a").hide();
        });

　　 （4）对于多个对象的较多操做，建议结合第二、3条。

　　二、为代码添加注释