jQuery实现单击和鼠标感应事件。
我们谈到toggleClass()之前。对于单击事件,jQuery还提供了一个动态切换的切换()方法。该方法接受两个参数,这两个参数都是侦听器函数,它们在单击事件中交替使用。
示例:单击事件的动态交互。
复制代码代码如下所示:
$(函数(){())
$(# DDD(Toggle)。
功能(oevent){
(oevent美元。目标)。Css(不透明
},
功能(oevent){
(oevent美元。目标)。Css(不透明
}
);
});
十一
2。鼠标感应的实现
在CSS中,可以使用:悬停伪类来实现样式的修改,并实现单独的CSS样式。在介绍jQuery的,几乎所有的元素都可以诱导悬停(),它可以使更复杂的影响。其实质是mouseover和mouseout事件合并
悬停(超越)方法可以接受两个参数,所有这些参数都是函数,第一个是将鼠标移动到元素上,第二个参数在鼠标移出元素时触发。
复制代码代码如下所示:
$(函数(){())
$(# DDD(Hover)。
功能(oevent){
/ /第一功能相当于鼠标悬停事件监听器
(oevent美元。目标)。Css(不透明
},
功能(oevent){
二 / /功能相当于鼠标悬停事件监听器
(oevent美元。目标)。Css(不透明
}
);
});
十一
与第一个示例相比,只需将切换()转换为悬停()。
wenzi0_0的指导下,写了几个小例子,切换()
1。常规应用
复制代码代码如下所示:
$(函数(){())
$(# DDD)。Click(function(){)
$(# EEE)。Toggle();
});
});
十一
一百二十二
2.css属性
复制代码代码如下所示:
$(函数(){())
$(# EEE)。Toggle(function(){)
$(# DDD)。Css(背景颜色
},
函数(){
$(# DDD)。Css(背景颜色
},
函数(){
$(# DDD)。Css(背景颜色
}
);
});
十一
一百二十二
本文首先在这里。合作伙伴是否对jQuery鼠标事件有了新的了解,希望合作伙伴能享受它。