首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery中的hover()跟toggle()用法

2012-07-24 
Jquery中的hover()和toggle()用法hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象

Jquery中的hover()和toggle()用法

hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
? ? ? ? function(){
? ? ? ? $(this).addClass("out");
});

?

?

toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
? ? ? ? //每次点击时轮换添加和删除名为selected的class。
? ? ? ? $("p").toggle(function(){
? ? ? ? ? ? ? ? $(this).addClass("selected");? ?
? ? ? ? },function(){
? ? ? ? ? ? ? ? $(this).removeClass("selected");
? ? ? ? });

?

?

两个函数都能实现轮番调用两个函数。。。。

热点排行