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

鼠标事件延时切换插件

Mar 12 Javascript

jQuery中append()方法用法实例

Jan 08 Javascript

jQuery插件jPaginate实现无刷新分页

May 04 Javascript

javascript判断并获取注册表中可信任站点的方法

Jun 01 Javascript

CSS图片响应式垂直水平居中

Aug 14 Javascript

angular.bind使用心得

Oct 26 Javascript

JS实现的验证身份证及获取地区功能示例

Jan 16 Javascript

vue如何获取点击事件源的方法

Aug 10 Javascript

Vue组件通信之Bus的具体使用

Dec 28 Javascript

微信小程序—setTimeOut定时器的问题及解决

Jul 26 Javascript

vue 路由守卫(导航守卫)及其具体使用

Feb 25 Javascript

JS手写一个自定义Promise操作示例

Mar 16 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实现的获取URL信息的类

2007/01/02 PHP

PHP字符串 ==比较运算符的副作用

2009/10/21 PHP

PHP中empty,isset,is_null用法和区别

2017/02/19 PHP

PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)

2017/04/10 PHP

Javascript 读书笔记索引贴

2010/01/11 Javascript

jQuery.extend()的实现方式详解及实例

2013/06/29 Javascript

JS阻止用户多次提交示例代码

2014/03/26 Javascript

JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

2014/08/16 Javascript

推荐25个超炫的jQuery网格插件

2014/11/28 Javascript

js实现Select下拉框具有输入功能的方法

2015/02/06 Javascript

浅析在javascript中创建对象的各种模式

2016/05/06 Javascript

JavaScript DOM节点操作方法总结

2016/08/23 Javascript

JS函数修改html的元素内容,及修改属性内容的方法

2016/10/28 Javascript

vue之数据交互实例代码

2017/06/16 Javascript

详解Vue This$Store总结

2018/12/17 Javascript

python实现ftp客户端示例分享

2014/02/17 Python

Python中的__SLOTS__属性使用示例

2015/02/18 Python

基于wxpython实现的windows GUI程序实例

2015/05/30 Python

windows 10下安装搭建django1.10.3和Apache2.4的方法

2017/04/05 Python

set在python里的含义和用法

2019/06/24 Python

python 多进程并行编程 ProcessPoolExecutor的实现

2019/10/11 Python

Python 生成一个从0到n个数字的列表4种方法小结

2019/11/28 Python

浅谈Python中range与Numpy中arange的比较

2020/03/11 Python

Python sorted排序方法如何实现

2020/03/31 Python

通过代码实例了解Python sys模块

2020/09/14 Python

域名注册、建站工具、网页主机、SSL证书：Dynadot

2017/01/06 全球购物

How to spawning asynchronous work in J2EE

2016/08/29 面试题

土木工程毕业生自荐信

2013/11/12 职场文书

机械制造与自动化应届生求职信

2013/11/16 职场文书

材料物理专业个人求职信

2013/12/15 职场文书

会议开场欢迎词

2014/01/15 职场文书

领导干部个人对照检查材料（群众路线）

2014/09/26 职场文书

先进工作者事迹材料

2014/12/23 职场文书

公开致歉信

2019/06/24 职场文书

html+css实现文字折叠特效实例

2021/06/02 HTML / CSS

python读取并查看npz/npy文件数据以及数据显示方法

2022/04/14 Python