注意你代码的两个地方：

$("p .content");
$("#tabfirst li .tabin");

选择条件后面不能跟空格，加了空格代表选择该元素的子元素

https://segmentfault.com/q/10...
和你的问题原因一样
你这么改一下试试：

$('#tabfirst li').each(function(index){
    var self = $(this);
    
    (function(index){
        //...函数体内容
    
    })(index)
    
})

现在是越来越多新人进前端了么

原因是方法用错了，不能用onmouseenter(),应该用mouseenter（）方法

<style>
.tab-con{display:none;}
.tab-box .on{display:block;}
</style>

<ul class='tab-title'>
    <li class="active">tab1</li>
    <li>tab2</li>
    <li>tab3</li>
</ul>
<p class="tab-box">
    <p class="tab-con on"></p>
    <p class="tab-con"></p>
    <p class="tab-con"></p>
</p>

<script>
$('.tab-title li').hover(function(){
    var index=$(this).index();
    $(this).addClass('active').siblings('li').removeClass('active');
    $('.tab-box .tab-con').eq(index).addClass('on').siblings('.tab-con').removeClass('on');
},function(){
  //.....
})
</script>

没有测试，题主你可以试一下