编程 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 相关文章推荐

JQuery的$和其它JS发生冲突的快速解决方法

Jan 24 Javascript

jQuery的3种请求方式$.post,$.get,$.getJSON

Mar 28 Javascript

Javascript this 关键字详解

Oct 22 Javascript

JavaScript 变量、作用域及内存

Apr 08 Javascript

JavaScript调用传递变量参数的相关问题及解决办法

Nov 01 Javascript

关于angular js_$watch监控属性和对象详解

Apr 24 Javascript

AngularJS实现动态添加Option的方法

May 17 Javascript

JavaScript使用math.js进行精确计算操作示例

Jun 19 Javascript

bootstrapTable+ajax加载数据 refresh更新数据

Aug 31 Javascript

微信小程序中this.data与this.setData的区别详解

Sep 17 Javascript

Vue请求JSON Server服务器数据的实现方法

Nov 02 Javascript

ReactRouter的实现方法

Jan 25 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 microtime获取浮点的时间戳

2010/02/21 PHP

php在文件指定行中写入代码的方法

2012/05/23 PHP

php控制linux服务器常用功能关机重启开新站点等

2012/09/05 PHP

php采集文章中的图片获取替换到本地(实现代码)

2013/07/08 PHP

PHP操作MySQL事务实例

2014/11/05 PHP

PHP编写文件多服务器同步程序

2016/07/02 PHP

css3实现背景模糊的三种方式

2021/03/09 HTML / CSS

Javascript 日期对象Date扩展方法

2009/05/30 Javascript

Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

2013/04/02 Javascript

多种方法实现JS动态添加事件

2013/11/01 Javascript

nodejs下打包模块archiver详解

2014/12/03 NodeJs

jQuery中scrollLeft()方法用法实例

2015/01/16 Javascript

jquery实现动静态条形统计图

2015/08/17 Javascript

js实现表格筛选功能

2017/01/18 Javascript

80%应聘者都不及格的JS面试题

2017/03/21 Javascript

详解node.js平台下Express的session与cookie模块包的配置

2017/04/26 Javascript

vue路由嵌套的SPA实现步骤

2017/11/06 Javascript

vue 动态改变静态图片以及请求网络图片的实现方法

2018/02/07 Javascript

浅谈vue方法内的方法使用this的问题

2018/09/15 Javascript

微信小程序自定义toast组件的方法详解【含动画】

2019/05/11 Javascript

一篇文章带你浅入webpack的DLL优化打包

2020/02/20 Javascript

详解Vue2的diff算法

2021/01/06 Vue.js

python文件操作之目录遍历实例分析

2015/05/20 Python

Python数据结构之顺序表的实现代码示例

2017/11/15 Python

Python闭包执行时值的传递方式实例分析

2018/06/04 Python

Pycharm更换python解释器的方法

2018/10/29 Python

python实现五子棋程序

2020/04/24 Python

Python sklearn中的.fit与.predict的用法说明

2020/06/28 Python

python opencv实现直线检测并测出倾斜角度(附源码+注释)

2020/12/31 Python

python 利用openpyxl读取Excel表格中指定的行或列教程

2021/02/06 Python

2014年挂职干部工作总结

2014/12/06 职场文书

2014年创先争优工作总结

2014/12/11 职场文书

单位工资证明范本

2015/06/12 职场文书

会计继续教育培训心得体会

2016/01/19 职场文书

css实现文章分割线样式的多种方法总结

2021/04/21 HTML / CSS

mysql中如何用命令创建联合唯一索引

2022/04/20 MySQL