编程 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 Ajax使用实例

Apr 16 Javascript

javascript的变量、传值、传址、参数之间关系

Jul 26 Javascript

jquery实现表单输入时提示文字滑动向上效果

Aug 10 Javascript

JS在onclientclick里如何控制onclick的执行

May 30 Javascript

Angularjs 创建可复用组件实例代码

Oct 09 Javascript

JS动态添加选项案例分析

Oct 17 Javascript

jquery单击文字或图片内容放大并居中显示

Jun 23 jQuery

详解node.js中的npm和webpack配置方法

Jan 21 Javascript

react.js组件实现拖拽复制和可排序的示例代码

Aug 20 Javascript

fetch 如何实现请求数据

Dec 20 Javascript

D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)

May 09 Javascript

Vite和Vue CLI的优劣

Jan 30 Vue.js

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 4.2书写安全的脚本

2006/10/09 PHP

PHP中获取内网用户MAC地址（WINDOWS/linux）的实现代码

2011/08/11 PHP

PHP 数组和字符串互相转换实现方法

2013/03/26 PHP

PHP按行读取文件时删除换行符的3种方法

2014/05/04 PHP

php语言中使用json的技巧及json的实现代码详解

2015/10/27 PHP

PHP+shell脚本操作Memcached和Apache Status的实例分享

2016/03/11 PHP

ThinkPHP实现登录退出功能

2017/06/29 PHP

PHP PDOStatement::fetchObject讲解

2019/02/01 PHP

一个JS小玩意几个属性相加不能超过一个特定值.

2009/09/29 Javascript

js 有框架页面跳转(target)三种情况下的应用

2013/04/09 Javascript

JQUERY dialog的用法详细解析

2013/12/19 Javascript

js实现仿网易点击弹出提示同时背景变暗效果

2015/08/13 Javascript

jquery 全选、全不选、反选效果的实现代码【推荐】

2016/05/05 Javascript

require.js配合插件text.js实现最简单的单页应用程序

2016/07/12 Javascript

用jQuery向div中添加Html文本内容的简单实现

2016/07/13 Javascript

vue history 模式打包部署在域名的二级目录的配置指南

2019/07/02 Javascript

基于Vue和Element-Ui搭建项目的方法

2019/09/06 Javascript

解决vue初始化项目一直停在downloading template的问题

2020/11/09 Javascript

解决python2.7用pip安装包时出现错误的问题

2017/01/23 Python

python获取网页中所有图片并筛选指定分辨率的方法

2018/03/31 Python

Python初学者常见错误详解

2019/07/02 Python

python topk()函数求最大和最小值实例

2020/04/02 Python

python中setuptools的作用是什么

2020/06/19 Python

详解Selenium 元素定位和WebDriver常用方法

2020/12/04 Python

Html5导航栏吸顶方案原理与对比实现

2020/06/10 HTML / CSS

HTML5公共页面提取作为公用代码的方法

2020/06/30 HTML / CSS

Keds官方网站：购买帆布运动鞋和经典皮鞋

2016/11/12 全球购物

Urban Outfitters德国官网：美国跨国生活方式零售公司

2018/05/21 全球购物

介绍一下javax.servlet.Servlet接口及其主要方法

2015/11/30 面试题

社区巾帼文明岗事迹材料

2014/06/03 职场文书

大学生考试作弊检讨书

2014/09/21 职场文书

WordPress多语言翻译插件 - WPML使用教程

2021/04/01 PHP

CSS3 制作的书本翻页特效

2021/04/13 HTML / CSS

详解CSS不定宽溢出文本适配滚动

2021/05/24 HTML / CSS

MySQL中utf8mb4排序规则示例

2021/08/02 MySQL

Python爬取奶茶店数据分析哪家最好喝以及性价比

2022/09/23 Python