jquery修改样式通过类

toggleClass方法比较特殊，当前元素有这个类的时候就移除这个类，当前元素没有这个类的时候就添加这个类

示例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>div {height: 200px;width: 200px;background-color: pink;transition: all 0.5s;}.current {background-color: red;transform: rotate(360deg);}</style><script src="js/new_file.js"></script></head><body><div class="current"></div><script>$(function() {$("div").click(function() {// $(this).addClass("current"); 点击就让div变红了// $(this).removeClass("current"); 点击一下就删除了这个元素的类//toggleClass方法$(this).toggleClass("current");})})</script></body>
</html>

jquery修改样式通过类相关推荐

jQuery 修改样式
修改样式属性 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF- ...
JavaScript jQuery修改样式
jQuery可以使用css方法来修改简单元素样式;也可以操作类,修改多个样式. 修改元素样式 1.参数只写属性名,则是返回属性值 $(this).css("color"); 2.参 ...
jquery修改样式通过css方法
$(this).css("color","red"); 是给元素对象添加一组样式也可以通过以下方式来给元素对象一次性添加多组样式, 但要遵从一个规则:如果是复 ...
如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{width: ...
jQuery修改!important的css样式jQuery修改css未生效
当我们使用jQuery修改带有!important的css样式或者jQuerycss样式未生效可尝试以下解决办法 1.解决办法原有代码: <!DOCTYPE html> <html ...
jQuery操作样式及属性样式
一.jQuery操作样式 css操作 1.设置单个样式 //css(name, value); //name:需要设置的样式名称 ;value:对应的样式值 $("#one").c ...
Jquery 改变样式
Jquery简单的操作 Jquery 是一个非常好用JS库,有很多的特殊的操作,为了方便,我们都可以引入Jquery. <script src="dist/js/vendor/jque ...
html怎么给变量添加样式,通过CSS变量修改样式
js怎么去修改css伪类样式呢?但是js并没有伪类选择器,那么该怎么办呢?网上有不少方法,比如通过切换元素的类.在style中动态插入新的样式等. 那么这里再来一种方法,设置css变量(var),通过 ...
editor修改样式 vue_vue修改富文本中的元素样式
富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题. 首先,直接修改是不可行的,因为是用v-html标签进行渲染的,无法直接获取到. 在修改的时候,一般是按标签进 ...

jquery修改样式通过类

jquery修改样式通过类相关推荐

最新文章

热门文章