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

Extjs 4.x 得到form CheckBox 复选框的值

May 04 Javascript

jQuery中clone()方法用法实例

Jan 16 Javascript

js实现可得到不同颜色值的颜色选择器实例

Feb 28 Javascript

js实现一个链接打开两个链接地址的方法

May 12 Javascript

JavaScript实现仿淘宝商品购买数量的增减效果

Jan 22 Javascript

JavaScript中各种引用类型的常用操作方法小结

May 05 Javascript

jQuery mobile的header和footer在点击屏幕的时候消失的解决办法

Jul 01 Javascript

浅谈js中几种实用的跨域方法原理详解

Dec 02 Javascript

页面点击小红心js实现代码

May 26 Javascript

Vue 动态组件components和v-once指令的实现

Aug 30 Javascript

Node.js path模块,获取文件后缀名操作

Nov 07 Javascript

js实现模拟购物商城案例

May 18 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

linux下 C语言对 php 扩展

2008/12/14 PHP

php创建无限级树型菜单

2015/11/05 PHP

PHP中获取文件创建日期、修改日期、访问时间的方法

2016/11/05 PHP

php源码的使用方法讲解

2019/09/26 PHP

PHP高并发和大流量解决方案整理

2019/12/24 PHP

TP5多入口设置实例讲解

2020/12/15 PHP

找到一点可怜的关于dojo资料，谢谢作者！

2006/12/06 Javascript

[推荐]javascript 面向对象技术基础教程

2009/03/03 Javascript

Google Map Api和GOOGLE Search Api整合实现代码

2009/07/18 Javascript

火狐textarea输入法的bug的触发及解决

2013/07/24 Javascript

JavaScript实现网站访问次数统计代码

2015/08/12 Javascript

基于jQuery通过jQuery.form.js插件使用ajax提交form表单

2015/08/17 Javascript

jQuery无刷新切换主题皮肤实例讲解

2015/10/21 Javascript

详解Bootstrap按钮

2016/01/04 Javascript

jQuery Ajax 全局调用封装实例代码详解

2016/06/02 Javascript

客户端验证用户名和密码的方法详解

2016/06/16 Javascript

js鼠标单击和双击事件冲突问题的快速解决方法

2016/07/11 Javascript

Javascript中带名匿名箭头函数的重要区别(推荐)

2017/01/29 Javascript

js编写简单的计时器功能

2017/07/15 Javascript

微信小程序图片轮播组件gallery slider使用方法详解

2018/01/31 Javascript

使用webpack搭建react开发环境的方法

2018/05/15 Javascript

vuex直接赋值的三种方法总结

2018/09/16 Javascript

Webpack按需加载打包chunk命名的方法

2019/09/22 Javascript

通过layer实现可输入的模态框的例子

2019/09/27 Javascript

[03:05]《我与DAC》之xiao8：DAC与BG

2018/03/27 DOTA

Python实现在线程里运行scrapy的方法

2015/04/07 Python

Python使用logging结合decorator模式实现优化日志输出的方法

2016/04/16 Python

Python使用遗传算法解决最大流问题

2018/01/29 Python

python装饰器原理与用法深入详解

2019/12/19 Python

python 画条形图(柱状图)实例

2020/04/24 Python

美国隐形眼镜网上商店：Lens.com

2019/09/03 全球购物

介绍一下Java中标识符的命名规则

2014/02/03 面试题

公司新员工的演讲稿注意事项

2014/01/01 职场文书

2014年社区矫正工作总结

2014/11/18 职场文书

2016教师学习教育法心得体会

2016/01/19 职场文书

java开发双人五子棋游戏

2022/05/06 Java/Android