JQuery如何使li在执行click事件后,hover事件不执行 jqueryweb 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> new document </title><meta name="generator" content="editplus" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /><style type="text/css">div{ width:200px; height:200px; background:#9CF; display:none;}.bg{ background:#33FF00}</style><script src="http://cloud.xing-xing.com/jquery.js"></script><script type="text/javascript" language="javascript">$(function(){ $("ul li").hover(function(){ $(this).addClass('bg') },function(){ $(this).removeClass('bg'); }) $("ul li").click(function() { $(this).removeClass('bg').unbind('hover'); $(this).find("div").slideDown(); });})</script></head><body ><ul> <li>111111<div></div></li> <br /> <li>222222<div></div></li> <br /> <li>333333<div></div></li> <br /> <li>444444<div></div></li> <br /> <li>555555<div></div></li></ul></body></html> 可以在当div显示时同时对li设置个优先级高的css样式class。这样在hover事件设置的优先级较低的css样式class就无效了。你可以看看css样式优先级之类的资料也可以反过来想在hover事件中判断div是否显示来决定改不改变css样式 求助,jq操作表格 8个经典的HTML5游戏在线试玩及源码学习 如何通过按钮来增加Text框? 用canvas模拟小球碰撞,请大家不吝赐教 正则表达式 没分了,想问一个框架的问题 论坛好了没 我想实现当用户点击alert确定按钮后系统自动另外打开一个网页窗口怎样实现呢用其它的方法也行啊,请给出示例代码? 一个关于全局变量和局部变量的问题。 node.js用http抓取HTML网页 关于新生成元素怎么绑定js事件,事件是bootstracp里的 javaScript把一个word文档的可编辑区域的内容复制到列一个word文档中的可编辑区域
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
div{ width:200px; height:200px; background:#9CF; display:none;}
.bg{ background:#33FF00}
</style>
<script src="http://cloud.xing-xing.com/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("ul li").hover(function(){
$(this).addClass('bg')
},function(){
$(this).removeClass('bg');
})
$("ul li").click(function() {
$(this).removeClass('bg').unbind('hover');
$(this).find("div").slideDown();
});})
</script>
</head>
<body >
<ul>
<li>111111<div></div></li>
<br />
<li>222222<div></div></li>
<br />
<li>333333<div></div></li>
<br />
<li>444444<div></div></li>
<br />
<li>555555<div></div></li>
</ul>
</body>
</html>
可以在当div显示时同时对li设置个优先级高的css样式class。这样在hover事件设置的优先级较低的css样式class就无效了。你可以看看css样式优先级之类的资料
也可以反过来想
在hover事件中判断div是否显示来决定改不改变css样式