编程 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报错 Object doesn't support this property or method的原因分析

Mar 31 Javascript

JS中怎样判断undefined(比较不错的方法)

Mar 27 Javascript

jQuery层级选择器用法分析

Feb 10 Javascript

一分钟理解js闭包

May 04 Javascript

js方法数据验证的简单实例

Sep 17 Javascript

jquery判断类型是不是number类型的实例代码

Oct 07 Javascript

JavaScript正则表达式和级联效果

Sep 14 Javascript

vue.js模仿京东省市区三级联动的选择组件实例代码

Nov 22 Javascript

vue.js使用3DES加密的方法示例

May 18 Javascript

使用vscode快速建立vue模板过程详解

Oct 10 Javascript

node后端服务保活的实现

Nov 10 Javascript

javascript实现弹出层效果

Dec 10 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

destoon复制新模块的方法

2014/06/21 PHP

CentOS下搭建PHP环境与WordPress博客程序的全流程总结

2016/05/07 PHP

PHP Filter过滤器全面解析

2016/08/09 PHP

PHP利用超级全局变量$_GET来接收表单数据的实例

2016/11/05 PHP

PHP常用日期加减计算方法实例小结

2018/07/31 PHP

基于JQuery的抓取博客园首页RSS的代码

2011/12/01 Javascript

JavaScript将Table导出到Excel实现思路及代码

2013/03/13 Javascript

倒记时60刷新网页的js代码

2014/02/18 Javascript

jQuery插件分享之分页插件jqPagination

2014/06/06 Javascript

JavaScript电子时钟倒计时

2016/01/09 Javascript

Bootstrap每天必学之模态框（Modal）插件

2016/04/26 Javascript

Bootstrap响应式侧边栏改进版

2016/09/17 Javascript

微信小程序 icon组件详细及实例代码

2016/10/25 Javascript

微信小程序获取手机号授权用户登录功能

2017/11/09 Javascript

node.js到底要不要加分号浅析

2018/07/11 Javascript

解决Layui数据表格中checkbox位置不居中的方法

2018/08/15 Javascript

微信小程序实现轨迹回放的示例代码

2019/12/13 Javascript

koa2的中间件功能及应用示例

2020/03/05 Javascript

[02:41]DOTA2英雄基础教程谜团

2013/12/10 DOTA

Python实现的求解最大公约数算法示例

2018/05/03 Python

pandas求两个表格不相交的集合方法

2018/12/08 Python

Django中使用 Closure Table 储存无限分级数据

2019/06/06 Python

Django自定义用户表+自定义admin后台中的字段实例

2019/11/18 Python

双向RNN:bidirectional_dynamic_rnn()函数的使用详解

2020/01/20 Python

Python实现自动访问网页的例子

2020/02/21 Python

python 指定源路径来解决import问题的操作

2021/03/04 Python

关于 HTML5 的七个传说小结

2012/04/12 HTML / CSS

英国最大的奢侈品零售网络商城：Flannels

2016/09/16 全球购物

英国电气世界：Electrical World

2019/09/08 全球购物

初入社会应届生求职信

2013/11/18 职场文书

公务员政审单位鉴定材料

2014/05/16 职场文书

班级体育活动总结

2014/07/05 职场文书

竞聘演讲稿怎么写

2014/08/28 职场文书

村创先争优活动总结

2014/08/28 职场文书

2019年图书室自查报告范本

2019/10/12 职场文书

《战锤40K：暗潮》跳票至9月公布新宣传片

2022/04/03 其他游戏