jQuery使用.on绑定hover事件

最新推荐文章于 2023-02-09 11:06:43 发布

转载最新推荐文章于 2023-02-09 11:06:43 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/kangweb/blog/1635351

文章标签：

#javascript #python #ViewUI

本文介绍了jQuery中的hover方法，并提供了一种使用mouseover和mouseout事件来替代hover效果的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

实际上，hover并不是一个事件，而是jQuery封装的一个方法，我们可以通过另外一种方法达到hover的效果

$(document).on('mouseover mouseout','.object',function(){})

转载于:https://my.oschina.net/kangweb/blog/1635351

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34232744

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS绑定.on的hover事件

weixin_34242509的博客

09-18

8418

今天项目中UI设计了一个鼠标划入和划出的效果，本来这个小效果是非常简单的！可是在实际的生产环境中就出现了一点点问题！因为在实际的环境中，数据全部是用ajax异步加载进去的，这样就造成了hover方法不能用了。先看一下原来的代码：1 $('ul li').hover(function(){ 2 $(this).addClass('hover'); 3 },function(){ 4 ...

JQuery中使用on方法绑定hover事件实例

10-25

主要介绍了JQuery中使用on方法绑定hover事件实例,本文用于一些特殊环境下,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

jQuery使用.on()无法绑定hover

weixin_34240657的博客

01-06

253

发现好像没有hover这个事件，jQuery的hover事件是一个封装，hover算不得一个事件。他只是将mouseover和mouseout合并了用mouseover和mouseout两个配合效果好像也是一样的。下面教你用on方法，模拟hover方法。 $(obj).on("mouseover mouseout",function(event){ if(event.type == ...

[前端系列] jquery的on事件实现hover函数效果

程序员老狼专注开发aigc或客服系统应用

12-18

2363

当使用jquery的on函数的时候，可以给动态添加的元素增加事件，但是却没有悬浮hover函数了可以使用这种方式模拟实现hover函数效果 $("body").on("mouseover mouseout",".lineItem",function(event) { if(event.type == "mouseover"){ //鼠标悬浮 ...

jquery中的hover悬浮事件

the_bit的博客

02-09

980

jquery中的hover悬浮事件用法

jQuery--事件绑定（live()、delegate()、on()、hover()）详解

吴声子夜歌的博客

10-02

962

live()方法使用bind()方式绑定事件时，只能针对页面中存在的元素进行绑定，而bind()绑定后新增的元素上没有事件响应。使用live()方法能够对页面所有匹配元素绑定事件，包含存在的元素和将来新增的元素，其语法格式如下： live(types, fun) types：表示事件类型，是一个或多个事件类型构成的字符串，类型之间由空格隔开 fn：表示所绑定的事件处理函数示例： $("d...

使用jquery给新生的th绑定hover事件的实例

10-20

在这篇文章中，作者主要介绍了一个关于使用jQuery给动态生成的表头元素（th）绑定hover事件的实例。知识点涉及jQuery的hover事件绑定方法、live方法的使用以及事件委托机制。以下是对这些知识点的详细介绍： ### 1....

jQuery 3.6.0.zip

05-03

3. **事件处理**：jQuery的事件处理方式简化了原生JavaScript的事件绑定，如`click()`、`hover()`等，同时支持事件委托，如`on()`方法，使得动态添加的元素也能响应事件。 4. **动画效果**：`fadeIn()`, `slideUp()...

jquery-3.5.1.js/min.js

12-02

在事件处理方面，jQuery提供了`.on()`方法，可以绑定各种类型的事件，如点击事件`'click'`、鼠标悬停事件`'hover'`等。相比于原生JavaScript，jQuery的事件处理更加灵活，支持事件委托，只需在一个父元素上绑定事件...

jquery on绑定类似hover的功能

weixin_33737774的博客

08-06

138

因为 .hover() 是 jQuery 自己定义的事件，是为了方便用户绑定调用 mouseenter 和 mouseleave 事件而已，它并非一个真正的事件，所以当然不能当做 .bind() 中的事件参数来调用。应该使用 mouseenter 和 mouseleave 这两个事件来代替 (这也是 .hover() 函数中使用的事件)例如$(document).re...

jq用on给动态添加的dom节点绑定hover事件

jiandan1127的博客

04-01

3399

1. 测试用 hover 是不行的, 语法不支持 $(selector).on(event,childSelector,data,function,map)　 2. 使用下面的方法可以实现同样的效果 $('#table .th-inner').on({ mouseenter: function (e) { console.log(1) }, ...

jQuery总结（五）、on、bind、one、hover、focus、blur、change函数的用法

m0_57446284的博客

09-30

1656

一、on（event，[selector],[data],fn）在选择器上绑定一个或者多个事件 events：一个或多个用空格分隔的事件类型名称 fn：事件触发时执行的函数，false值可作为函数的简写，返回false selector：选择器字符串用于过滤器的触发事件的选择器元素的后代 data：当一个事件被触发时要传递给事件处理函数event.data的数据 event是自定义在处理函数的数据访问名称，用此名称.data（引用关键字）对参数data目标数据进行引用；通常data可以是M..

jQuery实现鼠标移入移出改变颜色, 以及on中的hover事件不生效的原因

佐月儿

11-11

3424

在对运行时增加的标签绑定事件的时候必须使用on()来绑定下面的代码是,如果li是在js中新增的,那么绑定是事件无效 $("ul li").hover(function () { $(this).toggleClass("colorClassName") }); 在使用on()绑定事件的时候,不能使用事件hover 下面写的hover事件不会生效 $...

jq05--强大的jq事件(事件处理)、on()、bind()、delegate()、hover()

muzidigbig的博客

07-12

2682

1. jQuery事件机制jQuery的事件机制，指的是：jQuery对JavaScript操作DOM事件的封装，包括了：事件绑定、事件解绑、事件触发。最主要的特点：可以给DOM对象绑定多个事件2. jQuery事件的发展历程（了解）简单事件绑定(单个事件 <详见jq04>) >> bind事件绑定 >> delegate事件绑定 >> on【...

jquery中$(document).on的一些不解

u013562120的博客

08-10

1708

$(document).on是把事件委托到document上，$('className').on是把事件绑定到.className元素上。效率方面，直接绑定在元素上会更为高效，绑定在document上，每次document有点击动作，浏览器都会判断当前点击的对象，如果匹配，再决定要不要执行，多了一个判断的环节。但在目前开发中，JS渲染效率很高，所以此异同基本可以忽略不计。此外，针对$(docume...

jquery通过插入方法向html中插入对象，对象的hover失效解决办法

wen_yang的博客

06-08

458

1、出现原因：其实不是失效了，而是dom树改变了 2、解决办法：在插入的时候，为相应的插入对象绑定相应对象 3、解决例子： 4、参考网址：https://zhidao.baidu.com/question/1366699007664465579.html 5、记得留言交流更好解决办法

jquery中利用on绑定mouseenter事件与mouseleave事件实现鼠标hover事件

wlpz0528的博客

11-12

7240

//HTML脚本 span data-helperinfo="PortfolioTeam" class="icon help">span> //JS脚本 $(document).on({ mouseenter: function () { var HelpMsgCode = $(this).attr("data-helperinfo"); //

JQuery事件

qq_41255880的博客

04-01

170

1、click 鼠标点击事件，append添加事件，hover鼠标移入移出事件单击鼠标时，会添加一个“<li>4</li>“ 鼠标移入字体大小为24px，移出时字体大小为14px； hover(fu(){},fu(){}); $("#Button1").click(function () { $("ul")...