程序博客网 > 淘宝耐克旗舰店双十一

原生js和jquery两种方式实现tab切换

来源：互联网发布：淘宝耐克旗舰店双十一编辑：程序博客网时间：2024/05/27 20:08

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>原生js实现tab切换</title>

<style>

ul{

list-style:none

}

li{

float:left;

border:1px solid deeppink;

width:100px;

height:100px;

}

.bgc{

background:deepskyblue;

}

</style>

</head>

<body>

<ul>

<li class="bgc"></li>

<li></li>

<li></li>

<li></li>

</ul>

<script>

var obj=document.getElementsByTagName("li");\

var i=0;len=obj.length;

for(;i<len;i++){

obj[i].onclick=clickHandle;

}

function clickHandle(){

var j=0;

for(;j<len;j++){

obj[j].removeAttribute("class");

}

this.addAttribute("class","bgc");

}

</script>

</body>

</html>

//==============华丽的分割线========================

$("li").each(function(i,v){

$(v).click(function(i,v){

$(this).addClass("bgc").removeClass("bgc");

})

})

阅读全文

0 0

淘宝耐克旗舰店双十一

淘宝耐克旗舰店双十一

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子云电脑是什么云电脑vip账号和密码免费云电脑破解版达云龙电脑云电脑豪华版破解安卓云电脑云电脑破解版下载云电脑软件云电脑免费版安卓版大神云电脑云电脑价格云电脑终端云电脑系统在线云电脑电脑云终端电脑云系统云电脑安卓版易视云电脑版云电脑终端机办公云电脑个人云电脑什么是云电脑电脑云桌面联想云电脑千脑云电脑下载千脑云电脑怎么用有道云笔记电脑有道云笔记电脑云电脑吧云电脑电脑版来云 yundiannao 云计算机机房什么叫云计算机云计算机是什么意思云计算机中心云计算机是什么云计算机终端云计算机应用云计算机服务器云计算机公司