JQuery实战中遇到的两个小问题$(document).ready() 、bind函数的参数传递问题

一、$(document).ready() 与 window.onload的区别

1.执行时间

window.onload 必须等到页面内所有元素(包括图片 css js等)加载完毕后才会执行。

$(document).ready() 是DOM结构绘制完毕后就执行，不必等到所有元素加载完。

2.编写个数不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。

$(document).ready()可以同时编写多个，并且都可以得到执行，根据写的顺序决定先执行哪个。

3.简化写法

window.onload没有简化写法 $(document).ready(function() {})可以简写成$(function(){});

二、bind函数的参数传递问题

bind函数的定义: $(selector).bind(event,[data,]function)

很多刚开始用jquery的同学在用bind时都会犯过此类错误 $(“#id”).bind( “click”, function(this){ alert(this.val()); }); function句柄中调用的this参数 不是绑定的元素，而是bind绑定的事件

想再函数句柄中传递参数 可以采用下面的方法, 个人偏向第二种方法，代码易读、简单

1. 默认方法 event.data

想传递参数给function 可以通过data传递，function中 event.data.* 来调用

$(“#id”).bind(“click”,
{ a: $(“#id”).val() } ,
function(){
alert(event.data.a)
}
);

2. 全局变量

var a = $(“#id”).val();

$(“#id”).bind(“click”, function(){alert(a)});

3. 内部函数

$(“#id”).bind(“click”, function(){Say (“id”)});

function Say(id){alert( $(“#”+id).val() )}