jQuery复合事件用法示例
本文实例讲述了jQuery复合事件用法。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复合事件</title>
<style type="text/css" >
a{
color:#000;
text-decoration:none;
}
ul{
list-style:none;
}
ul li{
width:140px;
}
#menu_1{
border:1px dotted #666;
border-top:none;
padding:0px 5px 5px 5px;
}
#menu_1 li{
margin: 5px 0px;
}
li.fli{
display:block;
float:left;
padding:0px 10px;
}
</style>
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
<script language="JavaScript">
$(document).ready(function () {
$("#myaccound").hover(
function () {
$("#menu_1").css("display","block");
},
function () {
$("#menu_1").css("display","none");
});
});
</script>
</head>
<body>
<div id="nav">
<ul>
<li class="fli"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的订单</a></li>
<li class="fli" id="myaccound">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的宜美惠▼</a>
<ul id="menu_1" style="display:none;">
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的优惠券</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >收藏夹</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >短信息</a></li>
</ul>
</li>
<li class="fli"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我网站导航▼</a></li>
</ul>
</div>
</body>
</html>
运行效果图如下：
PS：这里再附上javascript常见事件与功能说明的在线对照表供大家参考：
javascript事件与功能说明大全：
http://tools.jb51.net/table/javascript_event
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
-
本文向大家介绍jQuery复合事件结合toggle()方法的用法示例，包括了jQuery复合事件结合toggle()方法的用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery复合事件结合toggle()方法的用法。分享给大家供大家参考，具体如下： 定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。 语法： $(se
-
复合事件（composition event）是DOM3 级事件中新添加的一类事件，用于处理IME 的输入序列。 IME（Input Method Editor，输入法编辑器）可以让用户输入在物理键盘上找不到的字符。例如，使用拉丁文键盘的用户通过IME 照样能输入日文字符。IME 通常需要同时按住多个键，但最终只输入一个字符。复合事件就是针对检测和处理这种输入而设计的。有以下三种复合事件。 com
-
本文向大家介绍jQuery事件用法详解，包括了jQuery事件用法详解的使用技巧和注意事项，需要的朋友参考一下 JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。 我们可以用jQuery这样绑定一个click事件： on方法用来绑定一个事件，我们需要传入事件名称和对应的处理函数。 另一种
-
本文向大家介绍jquery事件preventDefault()方法用法实例，包括了jquery事件preventDefault()方法用法实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下： 补充说明： （1）如果想获取事件的相关信息，则给匿名函数添加一个参数。例子中的e表示事件的对象。 （2
-
主要内容：jQuery 事件方法jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法 描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick() 添加/触发 double click 事件 delega
-
本文向大家介绍jQuery事件用法实例汇总，包括了jQuery事件用法实例汇总的使用技巧和注意事项，需要的朋友参考一下 本文以实例形式详细汇总了jQuery中事件的用法，对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下： 1.通过方法名给元素绑定事件： 2.通过bind方法给元素绑定事件： 可见，通过bind，可以给元素绑定多个事件。 3.事件的命名空间 为什么需要事件