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

获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft （For:IE5＋ FF1 ）[

Dec 22 Javascript

在JavaScript中遭遇级联表达式陷阱

Mar 08 Javascript

jQuery事件 delegate()使用方法介绍

Oct 30 Javascript

面向对象设计模式的核心法则

Nov 10 Javascript

bootstrap data与jquery .data

Jul 07 Javascript

jQuery中append()方法用法实例

Dec 25 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

Mar 04 Javascript

详解js中Number()、parseInt()和parseFloat()的区别

Dec 20 Javascript

JS通过调用微信API实现微信支付功能的方法示例

Jun 29 Javascript

详解Vue组件之作用域插槽

Nov 22 Javascript

js replace替换字符串同时替换多个方法

Nov 27 Javascript

JS图片预加载三种实现方法解析

May 08 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批量删除数据

2007/01/18 PHP

php开发环境配置记录

2011/01/14 PHP

php实现的一个很好用HTML解析器类可用于采集数据

2013/09/23 PHP

PH P5.2至5.5、5.6的新增功能详解

2014/07/14 PHP

CentOS下与Apache连接的PHP多版本共存方案实现详解

2015/12/19 PHP

php 伪造HTTP_REFERER页面URL来源的三种方法

2016/09/22 PHP

PHP正则匹配到2个字符串之间的内容方法

2018/12/24 PHP

Laravel框架表单验证操作实例分析

2019/09/30 PHP

JS焦点图切换，上下翻转

2011/05/12 Javascript

javascript白色简洁计算器

2015/05/04 Javascript

js+css实现超简洁的二级下拉菜单效果代码

2015/09/07 Javascript

jquery动态添加文本并获取值的方法

2016/10/12 Javascript

jQuery模拟实现的select点击选择效果【附demo源码下载】

2016/11/09 Javascript

原生js实现鼠标跟随效果

2017/02/28 Javascript

socket.io学习教程之深入学习篇（三）

2017/04/29 Javascript

iscroll-probe实现下拉刷新和下拉加载效果

2017/06/28 Javascript

jQuery实现获取table中鼠标click点击位置行号与列号的方法

2017/10/09 jQuery

vue-cli2 构建速度优化的实现方法

2019/01/08 Javascript

详解微信小程序之一键复制到剪切板

2019/04/24 Javascript

[01:19]DOTA2城市挑战赛报名开始开启你的城市传奇

2018/03/23 DOTA

Python批量修改文本文件内容的方法

2016/04/29 Python

Python的几个高级语法概念浅析(lambda表达式闭包装饰器)

2016/05/28 Python

浅析Python 3 字符串中的 STR 和 Bytes 有什么区别

2018/10/14 Python

Python在图片中插入大量文字并且自动换行

2019/01/02 Python

对python3中的RE(正则表达式)-详细总结

2019/07/23 Python

django框架模型层功能、组成与用法分析

2019/07/30 Python

python多线程实现TCP服务端

2019/09/03 Python

python手写均值滤波

2020/02/19 Python

python语言中有算法吗

2020/06/16 Python

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

2016/12/06 HTML / CSS

就业自荐信

2013/12/04 职场文书

放弃继承权公证书

2015/01/23 职场文书

电视新闻稿

2015/07/17 职场文书

Python使用UDP实现720p视频传输的操作

2021/04/24 Python

go语言中GOPATH GOROOT的作用和设置方式

2021/05/05 Golang

四十九个javascript小知识实用技巧

2021/11/20 Javascript