JS 代码，求解释

$(function(){
$(".tab>li").mouseover(function(){
    $(".tab>li").removeClass("on");
	$(this).addClass("on");
    var target = $('#' + this.rel);
    if (target.size() > 0) {
        $('.details > dl').hide();
        target.show();
    } else {
        alert('There is no such container.');
    }
});
});

答案：//这个方法将在文档加载完成后执行
$(function(){
$(".tab>li").mouseover(function(){//为样式是tab的元素下面的li元素添加鼠标移动事件
    $(".tab>li").removeClass("on");//移除该元素的on样式
	$(this).addClass("on");//给当前元素添加样式on
    var target = $('#' + this.rel);//获取文档关联并且通过这个关联获取一个元素构成的数组
    if (target.size() > 0) {//如果搜索到了元素的数组,就是说长度大于0
        $('.details > dl').hide();//样式为details的元素的子元素dl隐藏
        target.show();//搜索到的元素显示
    } else {
        alert('There is no such container.');//...这个是提示报错
    }
});
});

其他：这是jquery代码，建议你搜索jquery教程 

上一个：php中怎么用js 将一行的tr隐藏
下一个：js或jquery定位光标