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

jquery模拟SELECT下拉框取值效果

Oct 23 Javascript

location.href用法总结(最主要的)

Dec 27 Javascript

javascript中实现兼容JAVA的hashCode算法代码分享

Aug 11 Javascript

利用jQuery及AJAX技术定时更新GridView的某一列数据

Dec 04 Javascript

Web Uploader文件上传插件使用详解

May 10 Javascript

KnockoutJS 3.X API 第四章之数据控制流component绑定

Oct 10 Javascript

利用JS轻松实现获取表单数据

Dec 06 Javascript

jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】

Mar 21 jQuery

babel之配置文件.babelrc入门详解

Feb 22 Javascript

浅析Vue中method与computed的区别

Mar 06 Javascript

js序列化和反序列化的使用讲解

Jan 19 Javascript

node.js如何操作MySQL数据库

Oct 29 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安全编程之加密功能

2006/10/09 PHP

php中用socket模拟http中post或者get提交数据的示例代码

2013/08/08 PHP

PHP扩展模块memcached长连接使用方法分析

2014/12/24 PHP

php对数组内元素进行随机调换的方法

2015/05/12 PHP

php判断对象是派生自哪个类的方法

2015/06/20 PHP

PHP的openssl加密扩展使用小结(推荐)

2016/07/18 PHP

php多线程并发实现方法

2016/09/30 PHP

THINKPHP5分页数据对象处理过程解析

2020/10/28 PHP

Mootools 1.2教程类(一)

2009/09/15 Javascript

Array, Array Constructor, for in loop, typeof, instanceOf

2011/09/13 Javascript

js Html结构转字符串形式显示代码

2011/11/15 Javascript

node.js正则表达式获取网页中所有链接的代码实例

2014/06/03 Javascript

jQuery学习心得总结(必看篇)

2016/06/10 Javascript

浅谈addEventListener和attachEvent的区别

2016/07/14 Javascript

vue环境搭建简单教程

2017/11/07 Javascript

Vue项目中如何引入icon图标

2018/03/28 Javascript

使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法

2020/02/10 Javascript

微信小程序实现分页加载效果

2020/11/19 Javascript

TensorFlow数据输入的方法示例

2018/06/19 Python

用Python实现筛选文件脚本的方法

2018/10/27 Python

python的schedule定时任务模块二次封装方法

2019/02/19 Python

Python利用matplotlib绘制约数个数统计图示例

2019/11/26 Python

Python+PyQt5+MySQL实现天气管理系统

2020/06/16 Python

Python 如何创建一个简单的REST接口

2020/07/30 Python

几个CSS3的flex弹性盒模型布局的简单例子演示

2016/05/12 HTML / CSS

Timberland美国官网：全球领先的户外品牌

2016/08/15 全球购物

TUMI马来西亚官方网站：国际领先的高品质商旅箱包品牌

2018/04/26 全球购物

ANINE BING官方网站：奢华的衣橱基本款和时尚永恒的单品

2019/11/26 全球购物

优秀管理者获奖感言

2014/02/17 职场文书

2014全国两会学习心得体会2000字

2014/03/10 职场文书

夫妻双方自愿离婚协议书怎么写

2014/12/01 职场文书

统计员岗位职责范本

2015/04/14 职场文书

工作会议通知

2015/04/15 职场文书

行政申诉状范文

2015/05/20 职场文书

上甘岭观后感

2015/06/10 职场文书

Win11 21h2可以升级22h2吗?看看你的电脑符不符合要求

2022/07/07 数码科技