编程 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对象的property和prototype是这样一种关系

Mar 24 Javascript

jQuery1.6 使用方法一

Nov 23 Javascript

javascript实现的一个带下拉框功能的文本框

May 08 Javascript

JavaScript极简入门教程（二）：对象和函数

Oct 25 Javascript

js判断图片加载完成后获取图片实际宽高的方法

Feb 25 Javascript

详解wow.js中各种特效对应的类名

Sep 13 Javascript

解决vue中监听input只能输入数字及英文或者其他情况的问题

Aug 30 Javascript

Vue中的$set的使用实例代码

Oct 08 Javascript

微信小程序实现点赞、取消点赞功能

Nov 02 Javascript

vue实现todolist功能、todolist组件拆分及todolist的删除功能

Apr 11 Javascript

javascrpt密码强度校验函数详解

Mar 18 Javascript

支付宝小程序实现省市区三级联动

Jun 21 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导出csv数据在浏览器中输出提供下载或保存到文件的示例

2014/04/24 PHP

yii2.0使用Plupload实现带缩放功能的多图上传

2015/12/22 PHP

PHP微信开发之查询城市天气

2016/06/23 PHP

php实现带读写分离功能的MySQL类完整实例

2016/07/28 PHP

Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解

2017/03/02 PHP

PHP策略模式定义与用法示例

2017/07/27 PHP

Script的加载方法小结

2011/01/12 Javascript

深入理解JavaScript作用域和作用域链

2011/10/21 Javascript

JavaScript中获取样式的原生方法小结

2014/10/08 Javascript

Javascript中prototype属性实现给内置对象添加新的方法

2015/05/14 Javascript

js判断鼠标位置是否在某个div中的方法

2016/02/26 Javascript

JS中常用的正则表达式

2016/09/29 Javascript

基于nodejs+express4.X实现文件下载的实例代码

2017/07/13 NodeJs

jQuery pjax 应用简单示例

2018/09/20 jQuery

TypeScript开发Node.js程序的方法

2019/04/30 Javascript

vue中$refs, $emit, $on, $once, $off的使用详解

2019/05/26 Javascript

jQuery 判断元素是否存在然后按需加载内容的实现代码

2020/01/16 jQuery

小程序中的箭头函数的具体使用

2020/06/19 Javascript

vue+element实现动态加载表单

2020/12/13 Vue.js

python类型强制转换long to int的代码

2013/02/10 Python

python实现图像识别功能

2018/01/29 Python

Python基于辗转相除法求解最大公约数的方法示例

2018/04/04 Python

Python中使用双下划线防止类属性被覆盖问题

2019/06/27 Python

Python批量修改图片分辨率的实例代码

2019/07/04 Python

django框架使用方法详解

2019/07/18 Python

pandas 选取行和列数据的方法详解

2019/08/08 Python

python str字符串转uuid实例

2020/03/03 Python

python实现UDP协议下的文件传输

2020/03/20 Python

Python JSON常用编解码方法代码实例

2020/09/05 Python

澳大利亚领先的在线美容商城：Adore Beauty

2017/04/14 全球购物

英国马匹装备和马术用品购物网站：Equine Superstore

2019/03/03 全球购物

Alexandre Birman美国官网：亚历山大·伯曼

2019/10/30 全球购物

男女朋友协议书

2014/04/23 职场文书

2014离婚协议书范文（3篇）

2014/11/29 职场文书

赔偿协议书

2015/01/27 职场文书