按钮选择，点击换颜色

最新推荐文章于 2023-12-08 15:23:47 发布

wendy12345666

最新推荐文章于 2023-12-08 15:23:47 发布

阅读量677

点赞数

分类专栏： week01

本文链接：https://blog.csdn.net/wendy12345666/article/details/77923904

版权

week01 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../jQuery/jquery-1.12.0.min.js"></script>
<script>
$(function(){
$("button").click(function(){
var a=$(this).index();
console.log(a);
$("ul li").hide().eq(a-1).show();
})
})
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
</body>

</html>

点击切换颜色

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box{
width: 200px;
height: 200px;
background: red;
}
</style>

</head>
<body>
<div id="box"></div>
<script>
/*if用作开关*/
var i=true;
var box=document.getElementById("box");
box.οnclick=function(){
if(i==true){
box.style.background="green";
i=false;
}else{
box.style.background="red";
i=true;
}
};
/*if获取参数数量*/
function trans(a,b){
//console.log(arguments);
if(arguments.length==2){
return a+b;
}else if(arguments.length==1){
return a*a;
}
}
console.log(trans(1,2));
console.log(trans(2));
</script>
</body>
</html>