锋利的JQuery —— 事件和动画

1.注意$(document).ready()方法和window.onload方法之间的细微区别 $(document).ready()在DOM树构建完成就会执行,而window.onload是在DOM树构建完成后且相关的文件下载完毕后才会执行. 例如:一个图库页面,且给页面上图片绑定了事件 $(document).ready()就会在图库页面的DOM结构完成就会执行,但这时候页面上面图片还没下载完毕,给图片绑定的事件也就不能起作用.这时候如果要获取图片的宽高就会失败. 为了解决这个问题:可以使

1.加载DOM 1.1.window事件 window.onload=function(){}.... 时机:其他资源都加载完毕后,再执行 $(function(){}) ……:只是等待标签完毕,即可执行 区别: ① window.onload需在网页所有内容加载完成之后执行(包括图片音频) 文档就绪函数:只需要在网页DOM结构加载以后便执行 ② window.onload只能写一个,写多个只会执行最后一个 文档就绪函数:可以写多个,也不会被覆盖 window.onload() = functi

事件 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143564690172894383ccd7ab64669b4971f4b03fa342d000 动画 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434500456006abd6381dc3bb

事件绑用快捷方式 $("button:first").click(function(){ alert(1); }); 使用on绑定事件 ① 使用on进行单事件绑定$("button").on("click",function(){ $(this) 取到当前调用事件函数的对象 console.log($(this).html()); }); ② 使用on同时为多个事件,绑定同一函数$("button").on("mou

1.基础事件 分为三个事件 1.1 window事件 所谓window事件,就是当用户执行某些会影响浏览器的操作时,而触发的事件. 1.2 鼠标事件 鼠标事件顾名思义就是当用户在文档上移动或单击鼠标时而产生的事件. 1.click事件:    单击鼠标时触发 $('p').click(function(){}); 2.mouseover事件: list.mouseover(function(){ $(this).css("background","pink"); }

在这看不见太阳的小黑屋里,苦逼的一天又开始了 好了闲话我也就不扯了,接下来我就来说说我对jQuery事件和动画的理解吧!!! 还是得再扯两句,我们敬爱的,Y老师讲完了,jQuery事件和动画,对着我们这听得一脸懵逼的人,说了一句不写完就别回家,心里咯噔一下,比被车撞都...... 一.jQuery中事件 1.如何加载DOM呢? 在常规的JavaScript代码中,我们通常使用window.onload方法对吧,而在jQuery中,使用的是$(document).ready()方法.$(docum

一.Js及库的异同和作用. 1.JQuery的代码风格: 链式操作风格.对于同一对象操作不超过三个,可以写成一行:对于较多操作的对象,每行一个操作:对于多对象少量操作,可以每个对象些一行,子对象缩进: 代码注释.//..... 2.JQuery对象和DOM对象: JQuery对象和DOM对象之间的转化.var $cr=$("#cr")----->var cr=$cr[0]; DOM对象和JQuery对象之间的转化.$()包起来: JQuery判断:is(":checke

第一部分 1, (1)$()是$(document)的简写,默认参数是document. $(function(){}是$(document).ready(function(){})的简写. 2, (1)事件绑定 bind(type [,data],fn); type是事件类型,有blur,focus,load,resize,scroll,unload,click,dbclick,mousedown,mouseup, mouseover,mousemove,mouseout,mouseenter

第4章 jQuery中的事件和动画 jQuery中的事件 加载DOM $(document).ready(function(){   // 编写代码... }); 可以简写成: $(function(){   // 编写代码... }); $(document).ready()方法的执行时机是在网页中所有DOM结构绘制完毕后就执行,可能此时DOM元素关联的东西(比如图片)并没有加载完. $(document).ready()方法能同时编写多个,每次调用$(document).ready()方法都