jQuery实现单击和鼠标感应事件。

jQuery实现单击和鼠标感应事件。
1。实现单击事件的动态切换

我们谈到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鼠标事件有了新的了解,希望合作伙伴能享受它。

tag:单击事件鼠标感应电脑软件

相关内容