基本选择器：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
}
.play{
background: green;
}
.pause{
background: gray;
}
</style>
</head>
<body>
<label>选中<input type="checkbox" checked></label>
<div class="pause"></div>
<script src="js/jquery3.6.0.js">
</script>
<script>
<!-- checkbox要使用prop，不能用attr -->
$('input[type-checkbox]').change(function(){
console.log($(this).prop('checked'));
})
$("div").click(function(){
$(this).toggleClass("pause")
$(this).toggleClass("play")
})
</script>
</body>
</html>
扫一扫
620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
