当前位置:首页 > 日记 > 正文

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

相关文章

标志设计技术的图形化描述

标志设计技术的图形化描述

描述,图形化,标志,技术,电脑软件,这是初学者的笔记,对我自己的设计有一定的了解。我希望你能分享你的经验,创造一个更好,更合理的设计。 这是初学者的笔记,对我自己的设计有一定的了解。我希望你能分享你的经验,为你做一个更好更合理的设计。 …

实现jQuery搜索框效果的方法

实现jQuery搜索框效果的方法

方法,搜索,效果,电脑软件,jQuery,本文介绍了实现jQuery搜索框效果的方法,供大家参考,具体的实现方法如下: 复制代码代码如下所示: 搜索框效果 $(函数(){()) $(#搜索)。瓦迩(请输入搜索内容),AddClass(C1); $(#搜索')。焦点(功能)({ / /搜索框获得焦点 $(#搜索)…

人工智能创造一个美丽的浮雕材料课

人工智能创造一个美丽的浮雕材料课

创造,人工智能,浮雕,一个美丽,课程,本教程是介绍一个朋友通过使用AI创建美丽的浮雕材料的方法。本教程制作的材料非常有质感,难度不大。推荐并共同学习。 本教程是向大家介绍ai创建一个漂亮的浮雕素材的方法,效果很好的教程,推荐大家一起看看…

穷举置换(置换)算法的javascript实现

穷举置换(置换)算法的javascript实现

算法,穷举,电脑软件,javascript,令人费解的事 数组中元素的排列 策略 递归的减少和处理 Javascript的解决方案 复制代码代码如下所示: *由cshao 12 / 23 / 14。 * / 功能getpermutation(ARR){ 如果(arr.length = = 1){ {是}返回; } var置换{ }; …

用PS将数码照片转换成黑白照片的处

用PS将数码照片转换成黑白照片的处

照片,处理方法,转换成,数码照片,黑白,本教程介绍PS的处理方法和技能,使数码照片黑白照片。本教程更实用。对于以后的照片朋友来说,是值得学习的。建议你喜欢你的朋友一起学习。 本课程是PS照片处理。学习者介绍将数码照片转换成黑白照片的处…

ai简单快速地制造了一只眼睛

ai简单快速地制造了一只眼睛

一只,眼睛,快速,简单,电脑软件,本教程是介绍给一个朋友,利用人工智能创建一个眼球的方法简单快捷。本教程制作的眼睛非常逼真。方法很简单。像你的朋友一样,让我们一起学习。 本教程简要介绍了一个简单和快速发展的眼球与人工智能。教程很简…

PS图象处理软件卡通火箭图标课程呈

PS图象处理软件卡通火箭图标课程呈

图标,图象,处理软件,火箭,卡通,本教程介绍卡通火箭图标的方法使用PS图象处理软件绘制三维效果。这个教程的效果真的很好,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程主要使用PS图象处理软件绘制立体效果的卡通火箭图标的教程,效果…

如何使用PS绘制学校标准

如何使用PS绘制学校标准

学校,绘制,如何使用,标准,电脑软件,绘图操作的路径是学习PS的基本技巧之一,特别是在设计标准上,常用于罗、GIF动态教程,对福建工学院的设计举例来说,一个简单的演示应用程序,希望对初学者对PS选区和路径有一定的了解和掌握。 绘图操作的路径是学…

PS图象处理软件的不规则的切片工具

PS图象处理软件的不规则的切片工具

不规则,工具,分析工具,切片,图象,本教程是为朋友分析PS图象处理软件不规则的切片工具的技能。本教程很好,很基础,适合初学者学习,推荐给喜欢学习教程的朋友一起学习,希望能对你有所帮助。 本教程主要使用PS图象处理软件谈不规则切割工具的技能…

45Javascript编程注意事项和技巧

45Javascript编程注意事项和技巧

编程,注意事项,技巧,电脑软件,Javascript,Javascript是一种全局编程语言。它可用于Web开发、移动应用开发(PhoneGap,Appcelerator),服务器端开发(Node.js和Wakanda),所以on.javascript也是很多新手进入编程世界的第一语言,它可以用来在浏览器中显示简单的提示框…

对于美丽的花朵在秋季的黄色和紫色

对于美丽的花朵在秋季的黄色和紫色

图象,秋季,处理软件,紫色,黄色,紫色的花图像的颜色,只有绿色的部分是橙黄色的,深蓝色可以稍微增加一点,然后稍微亮一点到合适的地方。 紫色的花图像的颜色,只有绿色的部分是橙黄色的,深蓝色可以稍微增加一点,然后稍微亮一点到合适的地方。 原 …

JS事件捕获模型与气泡模型的案例分

JS事件捕获模型与气泡模型的案例分

模型,事件捕获,气泡,案例,分析模型,本文介绍了JS中的事件捕获模型和气泡模型,供大家参考。 具体实现方法如下: 例1: 复制代码代码如下所示: 在window.onload =函数(){ document.getelementbyid('par)。AddEventListener(听到咔哒声,函数(){ alert(…