龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

jquery中的常用事件bind、hover、toggle等示例介绍(2)

时间:2014-07-29 15:00来源:网络整理 作者:网络 点击:
分享到:
事件处理程序中event保存着事件对象。而event.tatget属性保存着发生事件的目标元素。这个属性是DOMAPI中规定的,但是没有被所有浏览器实现。jQuery对这个事

事件处理程序中event保存着事件对象。而event.tatget属性保存着发生事件的目标元素。这个属性是DOMAPI中规定的,但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素。而且,我们知道this引用的是处理事件的DOM元素。

使用event.tatget属性 明确事件对象阻止事件冒泡的代码如下:

$(document).ready(function(){ 

$('switcher').click(function(event){

if(event.target== this) 

{

$('switcher.button').toggleClass('hidden'); 

}

};)

});

其他事件对象属性可以参考w3c上的介绍。

精彩图集

赞助商链接