<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(
function()
{
//alert(' ');
$('.mmf').hover(
function()
{
//alert($(this).html());//it is ok
$(this).find(".mmff").css("background-color","red");
//alert('---------------');
}
,
function()
{
}
);
});
</script>
<style>
.mm li
{
}
.mmf
{
float: left;
display:inline;
padding: 5px;
}
.mmff
{
list-style-type:none;
/display:none;/
}
</style>
</head>
<body>
<div id='mainmenulist'>
<ul class='mm'>
<li class='mmf'>主页</li>
<li class='mmf'>基地概括</li>
<ul class='mmff'>
<li>队伍情况</li>
<li>硬件设施</li>
</ul>
<li class='mmf'>基地党建</li>
</ul>
</div>
</body>
</html>
为什么hover内后面那个find无效?
非常诡异的,alert($(this).html());这个是正常的,但是就是不知道为啥下面那个不对? ######搞定了,原来是html写错了,搞得太久了,眼睛花了。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。