代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery3.js"></script>
<style>
.test{
background-color: #428bca;
width: 400px;
height: 48px;
line-height: 48px;
}
.hide{
display: none;
}
</style>
</head>
<body>
<input id="test1" type="button" onclick="openClose()" value="开关">
<div class="test">abcdef</div>
<script>
function openClose() {
//判断<div>类是否有hie这个属性
if($(".test").hasClass('hide')){
$(".test").removeClass('hide')
}
else{
$(".test").addClass('hide')
}
//获取<input>标签
console.log($('#test1'))
//获取<input>标签的类型属性
console.log($('#test1').attr('type'))
//获取<input>标签的value值
console.log($('#test1').attr('value'))
//设置<input>标签的value值,从开关变成'open&close'
$('#test1').attr('value','open&close')
}
</script>
</body>
</html>
展示