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

用一段js程序来实现动画功能

Mar 06 Javascript

查看源码的工具学习jQuery源码不错的工具

Dec 26 Javascript

javascript获取设置div的高度和宽度兼容任何浏览器

Sep 22 Javascript

图片放大镜jquery.jqzoom.js使用实例附放大镜图标

Jun 19 Javascript

JavaScript中的ubound函数使用实例

Nov 04 Javascript

javascript实现微信分享

Dec 23 Javascript

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

May 25 Javascript

JS获取当前使用的浏览器名字以及版本号实现方法

Aug 19 Javascript

Angular使用ng-messages与PHP进行表单数据验证

Dec 28 Javascript

用jquery的attr方法实现图片切换效果

Feb 05 Javascript

js中async函数结合promise的小案例浅析

Apr 14 Javascript

react-native 实现购物车滑动删除效果的示例代码

Jan 15 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_SELF的安全问题

2009/09/05 PHP

php设计模式 Command(命令模式)

2011/06/26 PHP

关于php程序报date()警告的处理(date_default_timezone_set)

2013/10/22 PHP

PHP实现基于3DES算法加密解密字符串示例

2018/08/24 PHP

才发现的超链接js导致网页中GIF动画停止的解决方法

2007/11/02 Javascript

javascript中使用css需要注意的地方小结

2010/09/01 Javascript

jQuery 源码分析笔记(4) Ready函数

2011/06/02 Javascript

Ajax执行顺序流程及回调问题分析

2012/12/10 Javascript

动态加载dtree.js树treeview(示例代码)

2013/12/17 Javascript

判断客户浏览器是否支持cookie的示例代码

2013/12/23 Javascript

Js实现网页键盘控制翻页的方法

2014/10/30 Javascript

js监听键盘事件的方法_原生和jquery的区别详解

2016/10/10 Javascript

微信小程序之圆形进度条实现思路

2018/02/22 Javascript

Jquery和CSS实现选择框重置按钮功能

2018/11/08 jQuery

Vue结合后台导入导出Excel问题详解

2019/02/19 Javascript

Vue开发之封装分页组件与使用示例

2019/04/25 Javascript

vue-cli3.0实现一个多页面应用的历奇经历记录总结

2020/03/16 Javascript

[01:06:54]DOTA2-DPC中国联赛正赛 RNG vs Dragon BO3 第一场 1月24日

2021/03/11 DOTA

在Python中利用Into包整洁地进行数据迁移的教程

2015/03/30 Python

Python的Urllib库的基本使用教程

2015/04/30 Python

python3利用Dlib19.7实现人脸68个特征点标定

2018/02/26 Python

python提取xml里面的链接源码详解

2019/10/15 Python

Python-openCV读RGB通道图实例

2020/01/17 Python

详解Python 最短匹配模式

2020/07/29 Python

cosme官方海外旗舰店：日本最大化妆品和美容产品的综合口碑网站

2017/01/18 全球购物

《李广射虎》教学反思

2014/04/27 职场文书

老干部工作先进事迹

2014/08/17 职场文书

西安导游词

2015/02/12 职场文书

2015年库房管理工作总结

2015/10/14 职场文书

《金钱的魔力》教学反思

2016/02/20 职场文书

2016秋季运动会开幕词

2016/03/04 职场文书

文明医院的标语集锦！

2019/07/24 职场文书

MySQL pt-slave-restart工具的使用简介

2021/04/07 MySQL

Python编程中内置的NotImplemented类型的用法

2022/03/23 Python

openGauss数据库JDBC环境连接配置的详细过程(Eclipse)

2022/06/01 Java/Android

win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法

2022/07/07 数码科技