一、$(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绑定的事件
想再函数句柄中传递参数 可以采用下面的方法, 个人偏向第二种方法,代码易读、简单
- 默认方法 event.data
想传递参数给function 可以通过data传递,function中 event.data.* 来调用
-
全局变量
-
内部函数
Original: https://www.cnblogs.com/lys_013/p/3275786.html
Author: 13
Title: JQuery实战中遇到的两个小问题$(document).ready() 、bind函数的参数传递问题
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/594342/
转载文章受原作者版权保护。转载请注明原作者出处!