Question

html的jquery代码问题

$("#icon").hover(function(){
$(this).css({"border":"solid #333"});
$("#eq>span").css({"display":"block"});
$("#icon").mouseout(function(){
$(this).css({"border":"none"});
$("#eq>span").css({"display":"none"});
$("#eq>span").mouseover(function(){
$("#icon").css({"border":"solid #333"});
$(this).css({"display":"block"});
$(this).mouseout(function(){ /////////////////////////$("#eq>span").mouseout(function(){
$("#icon").css({"border":"none"});
$(this).css({"display":"none"});
});
})；
});
});
有////的那行，this指的就是#eq>span，可为什么用#eq>span不成功呢？

Answer 1

小伙伴贴一下 关键区域的HTML源码吧。
另外，抛开HTML源码，来看的话，你的注释区域的mouseout事件处理是被绑定在 this的mouseout事件处理中的，意思是，如果this没有触发mouseout事件，那么你的 #eq>span就不会发生mouseout的绑定处理。

看你的写法，应该你想表现的效果有简单写法
其他语法中存在的潜在问题：
1.hover()的用法，hover实际上是需要两个函数进行处理的
hover(function(){处理当鼠标进入时候的语句块},function(){处理鼠标划出时候的语句块})
简单来说hover=mouseover,mouseout
2.事件绑定的处理
你的事件绑定大部分都被绑定到了某一个特定的事件里去了，比如上面所提到的一个，在比如你的mouseout也是绑定在hover事件中的，实际上这种事件采集类的处理，尽量绑定在文档被加载完成的时候，也就是ready事件里面
如下一个简单的规划：
$(function{//ready的简写
$(‘选择器’).hover(function(){},function(){})

......

$.('选择器').mouseout(function(){})

})