jquery 类操作的相关方法

“负拾捌”

于 2021-03-06 21:05:26 发布

阅读量74

点赞数

分类专栏： jquery 文章标签： jquery js

本文链接：https://blog.csdn.net/qq_49438920/article/details/114456916

版权

jQuery 类操作 addClass removeClass toggleClass

关键词由CSDN通过智能技术生成

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jquery 类操作的相关方法


//addClass:添加类
//removeClass:移除类
//toggleClass:切换类，有就移除，没有就加

<style>        
.class1{            
width: 100px;            
height: 100px;            
background-color: red;        
}    
</style>    
<script>        
$(function(){            
var btn = document.getElementsByTagName("button");            
btn[0].onclick=function(){               
$("div").addClass("class1");            
}                
btn[1].onclick=function(){                
$("div").removeClass("class1");            
}                
btn[2].onclick=function(){                
$("div").toggleClass("class1");            
}                    
})    
</script>
</head>
<body>    
<button>添加类</button>    
<button>删除类</button>    
<button>切换类</button>    
<div></div>
</body>