编程 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 日期计算算法

Sep 11 Javascript

jQuery 操作option的实现代码

Mar 03 Javascript

JS中Iframe之间传值及子页面与父页面应用

Mar 11 Javascript

jquery.ui.draggable中文文档(原文翻译)

Nov 15 Javascript

悬浮广告方法日常收集整理

Mar 18 Javascript

jQuery基本筛选选择器实例代码

Feb 06 Javascript

微信小程序中多个页面传参通信的学习与实践

May 05 Javascript

bootstrap datepicker插件默认英文修改为中文

Jul 28 Javascript

JS实现table表格固定表头且表头随横向滚动而滚动

Oct 26 Javascript

微信小程序实现的canvas合成图片功能示例

May 03 Javascript

vue-cli脚手架打包静态资源请求出错的原因与解决

Jun 06 Javascript

JavaScript实现的滚动公告特效【基于jQuery】

Jul 10 jQuery

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 MVC模式在网站架构中的实现分析

2010/03/04 PHP

PHP编程风格规范分享

2014/01/15 PHP

php判断访问IP的方法

2015/06/19 PHP

PHP实现根据时间戳获取周几的方法

2016/02/26 PHP

smarty自定义函数用法示例

2016/05/20 PHP

js静态方法与实例方法分析

2011/07/04 Javascript

jQuery实现回车键（Enter）切换文本框焦点的代码实例

2014/05/05 Javascript

js代码实现的加入收藏效果并兼容主流浏览器

2014/06/23 Javascript

js实现鼠标滑过文字链接色彩变化的效果

2015/05/06 Javascript

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

2015/06/19 Javascript

javascript实现查找数组中最大值方法汇总

2016/02/13 Javascript

JS中的数组方法笔记整理

2016/07/26 Javascript

微信小程序（应用号）简单实例应用及实例详解

2016/09/26 Javascript

node.js学习之事件模块Events的使用示例

2017/09/28 Javascript

Vue 使用formData方式向后台发送数据的实现

2019/04/14 Javascript

微信小程序上线发布流程图文详解

2019/05/06 Javascript

微信小程序scroll-view的滚动条设置实现

2020/03/02 Javascript

安装Python的web.py框架并从hello world开始编程

2015/04/25 Python

python妹子图简单爬虫实例

2015/07/07 Python

如何在django里上传csv文件并进行入库处理的方法

2019/01/02 Python

Pytorch evaluation每次运行结果不同的解决

2020/01/02 Python

学python最电脑配置有要求么

2020/07/05 Python

解决python 执行shell命令无法获取返回值的问题

2020/12/05 Python

Myprotein葡萄牙官方网站：英国优质运动营养品牌

2016/09/12 全球购物

介绍一下UNIX启动过程

2013/11/14 面试题

数控个人求职信范文

2014/02/03 职场文书

2014学雷锋活动总结

2014/03/09 职场文书

劳动竞赛活动总结

2014/05/05 职场文书

三八红旗集体先进事迹材料

2014/05/22 职场文书

个人四风问题原因分析及整改措施

2014/09/28 职场文书

论文答谢词

2015/01/20 职场文书

部门优秀员工推荐信

2015/03/24 职场文书

撤诉申请怎么写

2015/05/19 职场文书

学生会部长竞选稿

2015/11/19 职场文书

2019年教师入党申请书

2019/06/27 职场文书

html+css实现滚动到元素位置显示加载动画效果

2021/08/02 HTML / CSS