JS ---> Tab切换

1、html

2、js

//获取导航li
var searchNavUlLi = $('.searchNavUl').children();
//获取内容li
var searchCon2Item = $('.searchCon2').children();
    for(var i=0; i<searchNavUlLi.length; i++) {
        searchNavUlLi[i].setAttribute('index',i);
        searchNavUlLi[i].onclick = function() {
        for(var j=0; j<searchNavUlLi.length; j++) {
            searchNavUlLi[j].style.color = '#000';
            searchCon2Item[j].style.display = 'none';
        }           
searchNavUlLi[
this.getAttribute('index')].style.color = '#1084FB'; searchCon2Item[this.getAttribute('index')].style.display = 'block'; } } //点击搜索X清除内容 $('.icon-guanbi').click(function() { $(this).siblings('input').val(''); })

 

posted @ 2017-09-27 12:17  党欣彤  阅读(185)  评论(0编辑  收藏  举报