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

JSON扫盲帖 JSON.as类教程

Feb 16 Javascript

js判断滚动条是否已到页面最底部或顶部实例

Nov 20 Javascript

JS 数字转换为大写金额的简单实例

Aug 04 Javascript

详解Node.js如何开发命令行工具

Aug 14 Javascript

浅谈JavaScript 中有关时间对象的方法

Aug 15 Javascript

vue基于Element构建自定义树的示例代码

Sep 19 Javascript

详解微信小程序中的页面代码中的模板的封装

Oct 12 Javascript

微信小程序实现action-sheet弹出底部菜单功能【附源码下载】

Dec 09 Javascript

Vuex提升学习篇

Jan 11 Javascript

vue引入axios同源跨域问题

Sep 27 Javascript

vue实现百度语音合成的实例讲解

Oct 14 Javascript

如何制作自己的原生JavaScript路由

May 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

You might like

控制PHP的输出：缓存并压缩动态页面

2013/06/11 PHP

php-fpm配置详解

2014/02/12 PHP

PHP引用(&)各种使用方法实例详解

2014/03/20 PHP

CI（CodeIgniter）框架介绍

2014/06/09 PHP

Laravel框架数据库CURD操作、连贯操作总结

2014/09/03 PHP

PHP获取网页所有连接的方法(附demo源码下载)

2016/03/30 PHP

php使用 readfile() 函数设置文件大小大小的方法

2017/08/11 PHP

PHP回调函数概念与用法实例分析

2017/11/03 PHP

js脚本学习比较实用的基础

2006/09/07 Javascript

ie和firefox中img对象区别的困惑

2006/12/27 Javascript

javascript getElementsByClassName 和js取地址栏参数

2010/01/02 Javascript

Javascript之旅对象的原型链之由来

2010/08/25 Javascript

jquery星级插件、支持页面中多次使用

2012/03/25 Javascript

jQuery 绑定事件到动态创建的元素上的方法实例

2013/08/18 Javascript

详解AngularJS控制器的使用

2016/03/09 Javascript

在 Angular 中实现搜索关键字高亮示例

2017/03/21 Javascript

仿vue-cli搭建属于自己的脚手架的方法步骤

2019/04/17 Javascript

element-ui table行点击获取行索引（index）并利用索引更换行顺序

2020/02/27 Javascript

JS Html转义和反转义（html编码和解码）的实现与使用方法总结

2020/03/10 Javascript

详解微信小程序「渲染层网络层错误」的解决方法

2021/01/06 Javascript

[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

Python生成随机密码

2015/03/10 Python

python基于xmlrpc实现二进制文件传输的方法

2015/06/02 Python

python实现下载整个ftp目录的方法

2017/01/17 Python

python从子线程中获得返回值的方法

2019/01/30 Python

解决pycharm下os.system执行命令返回有中文乱码的问题

2019/07/07 Python

Python OpenCV中的numpy与图像类型转换操作

2020/12/11 Python

CSS3实现同时执行倾斜和旋转的动画效果

2016/10/27 HTML / CSS

css3 实现圆形旋转倒计时

2018/02/24 HTML / CSS

Charlotte Tilbury澳大利亚官网：英国美妆品牌

2018/10/05 全球购物

自我鉴定范文200字

2013/10/02 职场文书

班组长安全工作职责

2014/07/15 职场文书

2015年教学工作总结

2015/04/02 职场文书

法定代表人身份证明书

2015/06/18 职场文书

MySQL之DML语言

2021/04/05 MySQL

MySQL学习之基础命令实操总结

2022/03/19 MySQL