jQuery中的变乱总结
1.$(document).ready()
$(document).ready()是jQuery中相应JavaScript内置的onload变乱并执利用命的一种典范方法。它和onload具有相同的结果。可是也有一些差别: 当一个文档完全下载到赏识器中时,会触发window.onload变乱。而行使$(document).ready()注册的变乱处理赏罚措施会在html下载完成并理会为Dom树之后,代码就可以运行,但并不料味着全部关联文件都已经下载完毕。 $(document).ready()有三种写法,别离是: Copy to Clipboard引用的内容:[www.veryhuo.com] > $(document).ready(function() {//this is the coding... }); >$().ready(function() { //this is the coding... }); >$(function() { //this is the coding... }); 2. 变乱捕捉与变乱冒泡 变乱捕捉: 应承多个元素相应变乱的一种计策。在变乱捕捉的进程中,变乱起首会交给最外层的元素,接着再交给更详细的元素。
3.阻止变乱冒泡的三种要领 指定默认操纵 通过挪用.preventDefault()要领可以在出发默认操纵之前终止变乱。 挪用 event.stopPropagation()遏制变乱撒播 $(document).ready(function() { $('switcher').click(function(event){ if(this.id == 'switcher-narrow'){ $('body').addClass('narrow'); } else if(this.id == 'switcher-large'){ $('body').addClass('large'); } $('switcher .button').romoveClass('selected'); $(this).addClass('selected'); event.stopPropagation(); };) }); 行使event.tatget属性 明晰变乱工具 变乱处理赏罚措施中的变量event生涯着变乱工具。而event.tatget属性生涯着产闹变乱的方针元素。这个属性是DOM API中划定的,可是没有被全部赏识器实现。jQuery对这个变乱工具举办了须要的扩展,从而在任何赏识器中都可以或许行使这个属性。通过.target,可以确定DOM中起首吸取到变乱的元素。并且,我们知道this引用的是处理赏罚变乱的DOM元素。 行使event.tatget属性 明晰变乱工具阻止变乱冒泡的代码如下: Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function() {$('switcher').click(function(event){ if(event.target == this) { $('switcher .button').toggleClass('hidden'); } };) }); 4.常用的变乱绑定 jQuery通过行使.bind()要领为元素举办变乱绑定,通过行使.unbind()要领为元素举办扫除绑定。并且.bind()要领是可以执行多次绑定的,假如没有绑定,在举办扫除绑定的时辰,这都是安详的。 许多时辰某一个变乱只必要触发一次,随后就要当即扫除绑定,凭证传统的做法,我们也许会先举办变乱绑定,然后在变乱执行完毕后举办扫除绑定。jQuery为我们提供了一种简写的要领.one来专门办理上述景象下的繁琐的代码编写,示譬喻下: Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){$('#swotcjer').one('click',toggleStyleSwitcher); }); 5.复合变乱 在举办变乱捕捉的时辰,经常必要捕捉组合的用户操纵,而且以多个函数作为相应,这些变乱我们称为复合变乱。 jQuery提供的.read()要领就是最常用的切合变乱要领之一,除此之外,尚有举办交互处理赏罚的时辰用到的两个函数: .hover(over,out) 一个仿照悬停变乱(鼠标移动到一个工具上面及移出这个工具)的要领。这是一个自界说的要领,它为频仍行使的使命提供了一种“保持在个中”的状态。 作者:深山老林 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |