编程 Javascript

jquery 之 $().hover(func1, funct2)使用方法

Posted in Javascript onJune 14, 2012

因为hover不是标准的事件，因此无法直接使用live进行处理，故使用以下方法代替，效果一样。

$("<SPAN style="COLOR: #0000ff">table tr</SPAN>").live({ 
<SPAN style="BACKGROUND-COLOR: #99ccff">mouseenter:</SPAN> 
function() 
{ 
<SPAN style="COLOR: #008000">//todo</SPAN> 
}, 
<SPAN style="BACKGROUND-COLOR: #99ccff">mouseleave:</SPAN> 
function() 
{ 
<SPAN style="COLOR: #008000">//todo</SPAN> 
} 
});

在循环输出的<div>中，只针对某个<div>下的内容进行处理的时：可以使用$(this).find()来实现:

<body> 
<div class="<SPAN style="COLOR: #0000ff">water</SPAN>"> 
<div class="<SPAN style="COLOR: #0000ff">action</SPAN>" style="<SPAN style="COLOR: #3366ff">display:none</SPAN>"> 
<a href="#"><div class="left">{lang user/repick}</div></a> 
<a href="#"><div class="right">{lang user/reply}</div></a> 
</div> 
</div> 
<div class="<SPAN style="COLOR: #0000ff">water</SPAN>"> 
<div class="<SPAN style="COLOR: #0000ff">action</SPAN>" style="<SPAN style="COLOR: #3366ff">display:none</SPAN>"> 
<a href="#"><div class="left">{lang user/repick}</div></a> 
<a href="#"><div class="right">{lang user/reply}</div></a> 
</div> 
</div> 
<div class="<SPAN style="COLOR: #0000ff">water</SPAN>"> 
<div class="<SPAN style="COLOR: #0000ff">action</SPAN>" style="<SPAN style="COLOR: #3366ff; BACKGROUND-COLOR: #ffffff">display:none</SPAN>"> 
<a href="#"><div class="left">{lang user/repick}</div></a> 
<a href="#"><div class="right">{lang user/reply}</div></a> 
</div> 
</div> 
<div class="<SPAN style="COLOR: #0000ff">water</SPAN>"> 
<div class="<SPAN style="COLOR: #0000ff">action</SPAN>" style="<SPAN style="COLOR: #3366ff">display:none</SPAN>"> 
<a href="#"><div class="left">{lang user/repick}</div></a> 
<a href="#"><div class="right">{lang user/reply}</div></a> 
</div> 
</div> <script type="text/javascript"> 
$("<SPAN style="COLOR: #0000ff">.water</SPAN>").<SPAN style="COLOR: #800080">hover</SPAN>( 
function (){ 
$(this).<SPAN style="COLOR: #800080">find</SPAN>("<SPAN style="COLOR: #0000ff">.action</SPAN>").show(); 
}, 
function (){ 
$(this).<SPAN style="COLOR: #800080">find</SPAN>("<SPAN style="COLOR: #0000ff">.action</SPAN>").hide(); 
} 
) 
</script> 
</body>

jquery 之 $().hover(func1, funct2)使用方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

判断控件是否已加载完成的代码

Feb 24 Javascript

创建公共调用 jQuery Ajax 带返回值

Aug 01 Javascript

js Date概念详细介绍

Nov 22 Javascript

jquery实现兼容IE8的异步上传文件

Jun 15 Javascript

readonly和disabled属性的区别

Jul 26 Javascript

浅谈js中的in-for循环

Jun 28 Javascript

详解自动生成博客目录案例

Dec 09 Javascript

jQuery UI制作选项卡（tabs）

Dec 13 Javascript

深入理解Node.js中的进程管理

Mar 13 Javascript

Easyui使用Dialog行内按钮布局的实例

Jul 27 Javascript

AngularJS ui-router刷新子页面路由的方法

Jul 23 Javascript

介绍一下28个JS常用数组方法

May 06 Javascript

Javascript生成json的函数代码(可以用php的json_decode解码)

Jun 11 #Javascript

javascript倒计时功能实现代码

Jun 07 #Javascript

基于jQuery的计算文本框字数的代码

Jun 06 #Javascript

Javascript 页面模板化很多人没有使用过的方法

Jun 05 #Javascript

Javascript创建自定义对象创建Object实例添加属性和方法

Jun 04 #Javascript

Javascript数组的排序 sort()方法和reverse()方法

Jun 04 #Javascript

javascript中获取下个月一号，是星期几

Jun 01 #Javascript

You might like

php安全之直接用$获取值而不$_GET 字符转义

2012/06/03 PHP

php 生成短网址原理及代码

2014/01/23 PHP

form自动提交实例讲解

2017/07/10 PHP

Laravel实现ORM带条件搜索分页

2019/10/24 PHP

dojo 之基础篇

2007/03/24 Javascript

JavaScript 指导方针

2007/04/05 Javascript

checkbox 多选框联动实现代码

2008/10/22 Javascript

腾讯与新浪的通过IP地址获取当前地理位置（省份）的接口

2010/07/26 Javascript

15款优秀的jQuery导航菜单插件分享

2011/07/19 Javascript

JavaScript调用堆栈及setTimeout使用方法深入剖析

2013/02/16 Javascript

详细介绍8款超实用JavaScript框架

2013/10/25 Javascript

javascript页面渲染速度测试脚本分享

2014/04/15 Javascript

关闭页面window.location事件未执行的原因及解决方法

2014/09/01 Javascript

JavaScript学习笔记之检测客户端类型是（引擎、浏览器、平台、操作系统、移动设备）

2015/12/03 Javascript

深入理解ECMAScript的几个关键语句

2016/06/01 Javascript

AngularJS延迟加载html template

2016/07/27 Javascript

JS对象的深度克隆方法示例

2017/03/16 Javascript

Javascript 编码约定(编码规范)

2018/03/11 Javascript

如何解决React官方脚手架不支持Less的问题(小结)

2018/09/12 Javascript

微信小程序保持session会话的方法

2020/03/20 Javascript

js实现购物车商品数量加减

2020/09/21 Javascript

JavaScript手写数组的常用函数总结

2020/11/22 Javascript

Django使用模板后无法找到静态资源文件问题解决

2019/07/19 Python

pygame库实现移动底座弹球小游戏

2020/04/14 Python

python实现在一个画布上画多个子图

2020/01/19 Python

在python中使用pymysql往mysql数据库中插入(insert)数据实例

2020/03/02 Python

Python调用shell命令常用方法(4种)

2020/05/11 Python

Python调用ffmpeg开源视频处理库，批量处理视频

2020/11/16 Python

详解CSS3 用border写空心三角箭头 (两种写法)

2017/09/29 HTML / CSS

商务英语专业应届毕业生求职信

2013/10/28 职场文书

小学教师师德师风自我剖析材料

2014/09/29 职场文书

刑事上诉状（无罪）

2015/05/23 职场文书

会议室使用管理制度

2015/08/06 职场文书

php TP5框架生成二维码链接

2021/04/01 PHP

java泛型通配符详解

2021/07/25 Java/Android

python使用matplotlib绘制图片时x轴的刻度处理

2021/08/30 Python