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

JavaScript中json对象和string对象之间相互转化

Dec 26 Javascript

js中一维数组和二位数组中的几个问题示例说明

Jul 17 Javascript

node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用

Nov 04 Javascript

javascript实现百度地图鼠标滑动事件显示、隐藏

Apr 02 Javascript

JavaScript中的splice()方法使用详解

Jun 09 Javascript

jquery实现倒计时功能

Dec 28 Javascript

JavaScript中数组的22种方法必学(推荐)

Jul 20 Javascript

JS使用贪心算法解决找零问题示例

Nov 27 Javascript

微信小程序实现的一键拨号功能示例

Apr 24 Javascript

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

Sep 06 Javascript

解决vuex数据异步造成初始化的时候没值报错问题

Nov 13 Javascript

Vue 如何使用props、emit实现自定义双向绑定的实现

Jun 05 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

推荐:极酷右键菜单

2006/11/29 Javascript

jQuery ui1.7 dialog只能弹出一次问题

2009/08/27 Javascript

修改jquery里的dialog对话框插件为框架页(iframe) 的方法

2010/09/14 Javascript

JavaScript 小型打飞机游戏实现原理说明

2010/10/28 Javascript

JavaScript中把数字转换为字符串的程序代码

2013/06/19 Javascript

JavaScript实现url地址自动检测并添加URL链接示例代码

2013/11/12 Javascript

浅谈JavaScript的Polymer框架中的behaviors对象

2015/07/29 Javascript

跟我学习javascript的垃圾回收机制与内存管理

2015/11/23 Javascript

用NodeJS实现批量查询地理位置的经纬度接口

2016/08/16 NodeJs

D3.js实现文本的换行详解

2016/10/14 Javascript

angular动态表单制作

2018/02/23 Javascript

使用Vue.js开发微信小程序开源框架mpvue解析

2018/03/20 Javascript

react 实现页面代码分割、按需加载的方法

2018/04/03 Javascript

解决Vue.js由于延时显示了{{message}}引用界面的问题

2018/08/25 Javascript

JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

2018/12/19 Javascript

javascript实现点亮灯泡特效示例

2019/10/15 Javascript

vue 返回上一页,页面样式错乱的解决

2019/11/14 Javascript

解决Layui数据表格显示无数据提示的问题

2019/11/14 Javascript

Python脚本实现自动发带图的微博

2016/04/27 Python

Python利用QQ邮箱发送邮件的实现方法(分享)

2017/06/09 Python

Python3基于sax解析xml操作示例

2018/05/22 Python

python实现京东订单推送到测试环境，提供便利操作示例

2019/08/09 Python

python 导入数据及作图的实现

2019/12/03 Python

Python如何向SQLServer存储二进制图片

2020/06/08 Python

html5文字阴影效果text-shadow使用示例

2013/07/25 HTML / CSS

全球最大最受欢迎的旅游社区：Tripadvisor

2017/11/03 全球购物

英国电气世界：Electrical World

2019/09/08 全球购物

2019史上最全Database工程师题库

2015/12/06 面试题

小鞋子观后感

2015/06/05 职场文书

趣味运动会加油词

2015/07/18 职场文书

致三级跳运动员加油稿

2015/07/21 职场文书

公司岗位说明书

2015/10/08 职场文书