[JS]一段JS代码改写成jQuery

下面这段代码用jQuery 应该会很简短吧
求各位指点啊
function $ (id) {

return typeof id==='string'?document.getElementById(id):id;

}
window.onload=function(){

//获取鼠标滑过的标签和要切换内容的元素
var titles=$('notice-tit').getElementsByTagName('li')
divs=$('notice-con'    ).getElementsByTagName('div');
if (titles.length!=divs.length)
    return;
//遍历titles 下所有li
for (var i = 0; i < titles.length; i++) {
    titles[i].id=i;
    titles[i].onmouseover=function  () {
        for (var j = 0; j < titles.length; j++) {
            titles[j].className='';
            divs[j].style.display='none';
        };
        this.className='select';
        divs[this.id].style.display='block'
    }
};

}

阅读 3.4k
1 个回答
$(function () {
    var titLi = $('#notice-tit li'),
        conDiv = $('#notice-con div')
    if (titLi.length === conDiv.length) {
        titLi.mouseover(function () {
            var i = $(this).index()
            titLi.removeClass('select').eq(i).addClass('select')
            conDiv.hide().eq(i).show()
        })
    }
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题