加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery中的变乱总结

发布时间:2018-08-18 10:40:25 所属栏目:业界 来源:站长网
导读:1.$(document).ready() $(document).ready()是 jQuery 中相应 Java Script内置的onload变乱并执利用命的一种典范方法。它和onload具有相同的结果。可是也有一些差别: 当一个文档完全下载到赏识器中时,会触发window.onload变乱。而行使$(document).ready()
1.$(document).ready()

$(document).ready()是jQuery中相应JavaScript内置的onload变乱并执利用命的一种典范方法。它和onload具有相同的结果。可是也有一些差别:

当一个文档完全下载到赏识器中时,会触发window.onload变乱。而行使$(document).ready()注册的变乱处理赏罚措施会在html下载完成并理会为Dom树之后,代码就可以运行,但并不料味着全部关联文件都已经下载完毕。
一个页面中一样平常只有一个onload变乱处理赏罚措施,并且只能一次生涯对一个函数的引用;而$(document).ready()是可以有多个。
一样平常来说$(document).ready()都要优于行使onload变乱处理赏罚措施。可是假如关联文件还没有加载完成,则相同图像高度、宽度的属性的挪用就会有题目,因此必要在差异的时辰选择吻合的要领。

$(document).ready()有三种写法,别离是:

Copy to ClipboardLiehuo.Net Codes引用的内容:[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()遏制变乱撒播
jQuery提供了一个.stopPropagation()要领,行使该要领可以完全阻止变乱冒泡。实例代码如下:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] 行使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 ClipboardLiehuo.Net Codes引用的内容:[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 ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] $(document).ready(function(){
$('#swotcjer').one('click',toggleStyleSwitcher);
});

5.复合变乱

在举办变乱捕捉的时辰,经常必要捕捉组合的用户操纵,而且以多个函数作为相应,这些变乱我们称为复合变乱。

jQuery提供的.read()要领就是最常用的切合变乱要领之一,除此之外,尚有举办交互处理赏罚的时辰用到的两个函数:

.hover(over,out) 一个仿照悬停变乱(鼠标移动到一个工具上面及移出这个工具)的要领。这是一个自界说的要领,它为频仍行使的使命提供了一种“保持在个中”的状态。
.toggle(fn,fn) 每次点击时切换要挪用的函数。

作者:深山老林
出处:http://wlb.cnblogs.com/

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读