编程 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+Dhtml:WEB程序员简易开发工具包(预先体验版)

Nov 07 Javascript

javascript校验价格合法性实例（必须输入2位小数）

May 05 Javascript

浅析ES6的八进制与二进制整数字面量

Aug 30 Javascript

Bootstrap作品展示站点实战项目2

Oct 14 Javascript

详解Layer弹出层样式

Aug 21 Javascript

Node.js中使用mongoose操作mongodb数据库的方法

Sep 12 Javascript

Node解决简单重复问题系列之Excel内容的获取

Jan 02 Javascript

vue计算属性和监听器实例解析

May 10 Javascript

vue 项目地址去掉 #的方法

Oct 20 Javascript

jQuery实现适用于移动端的跑马灯抽奖特效示例

Jan 18 jQuery

vue键盘事件点击事件加native操作

Jul 27 Javascript

vue点击弹窗自动触发点击事件的解决办法(模拟场景)

May 25 Vue.js

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/01/10 PHP

PHP 反射(Reflection)使用实例

2015/05/12 PHP

PHP中foreach()用法汇总

2015/07/02 PHP

PHP实现的一致性Hash算法详解【分布式算法】

2018/03/31 PHP

JavaScript mapreduce工作原理简析

2012/11/25 Javascript

jQuery如何获取同一个类标签的所有值(默认无法获取)

2014/09/25 Javascript

浅谈JavaScript Array对象

2014/12/29 Javascript

javascript中caller和callee详解

2015/08/10 Javascript

jquery中validate与form插件提交的方式小结

2016/03/26 Javascript

js动态获取子复选项并设计全选及提交的实现方法

2016/06/24 Javascript

jquery判断页面网址是否有效的两种方法

2016/12/11 Javascript

微信小程序页面之间传参实例详解

2017/01/13 Javascript

2种简单的js倒计时方式

2017/10/20 Javascript

vue实现类似淘宝商品评价页面星级评价及上传多张图片功能

2018/10/29 Javascript

jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析

2020/04/04 jQuery

vue如何在用户要关闭当前网页时弹出提示的实现

2020/05/31 Javascript

vue组件开发之tab切换组件使用详解

2020/08/21 Javascript

[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示

2018/05/25 DOTA

python的描述符(descriptor)、装饰器（property）造成的一个无限递归问题分享

2014/07/09 Python

Python 爬虫学习笔记之多线程爬虫

2016/09/21 Python

python获取程序执行文件路径的方法(推荐)

2018/04/26 Python

对python 读取线的shp文件实例详解

2018/12/22 Python

python爬虫获取小区经纬度以及结构化地址

2018/12/30 Python

使用Python实现跳帧截取视频帧

2019/05/31 Python

Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解

2019/06/04 Python

Python3.8对可迭代解包的改进及用法详解

2019/10/15 Python

解决Python3.7.0 SSL低版本导致Pip无法使用问题

2020/09/03 Python

canvas实现有递增动画的环形进度条的实现方法

2019/07/10 HTML / CSS

Public Desire美国/加拿大：全球性的在线鞋类品牌

2018/12/17 全球购物

应届毕业生个人求职信范文

2014/01/29 职场文书

教研处工作方案

2014/05/26 职场文书

领导班子对照检查材料

2014/09/22 职场文书

开会通知短信大全

2015/04/20 职场文书

劳务派遣管理制度（样本）

2019/08/23 职场文书

pytorch 两个GPU同时训练的解决方案

2021/06/01 Python

使用Oracle跟踪文件的问题详解

2021/06/28 Oracle