javascript - [JS]一段JS代码改写成jQuery
高洛峰
高洛峰 2017-04-10 16:55:31
[JavaScript讨论组]

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

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

}
window.onload=function(){

//获取鼠标滑过的标签和要切换内容的元素
var titles=$('notice-tit').getElementsByTagName('li')
ps=$('notice-con'    ).getElementsByTagName('p');
if (titles.length!=ps.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='';
            ps[j].style.display='none';
        };
        this.className='select';
        ps[this.id].style.display='block'
    }
};

}

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
PHPz
$(function () {
    var titLi = $('#notice-tit li'),
        conp = $('#notice-con p')
    if (titLi.length === conp.length) {
        titLi.mouseover(function () {
            var i = $(this).index()
            titLi.removeClass('select').eq(i).addClass('select')
            conp.hide().eq(i).show()
        })
    }
})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号