首页 > 代码库 > 《锋利的jQuery》jQuery中的事件
《锋利的jQuery》jQuery中的事件
1、$(document).ready()方法和window.onload方法的区别
$(document).ready(function(){ //代码 })// 简写// $(function () {// //代码// }); window.onload=function(){ //代码 }// 等价于// $(window).load(function(){// //代码// })
①执行时机：前者在DOM完全就绪时就可以被调用，后者是在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行，即javascript此时才可以访问网页中的任何元素。（注意：前者当与图片有关的HTML已经解析为DOM树了，但有可能图片未加载完毕，图片的高度和宽度此时不一定有效，这时候使用load()方法，相当于js的onload()）
②多次使用：后者javascript的onload事件一次只能保存对一个函数的引用。前者可以按顺序依次执行。
2、事件绑定
$(function () { $("#panel h5.head").bind("click", function () { var $content = $(this).next(); if ($content.is(":visible")) { $content.hide(); } else { $content.show(); } }); });
3、改变绑定事件类型
《锋利的jQuery》jQuery中的事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。