移除类/添加类

Posted 2023-05-08

【中文标题】移除类/添加类

【英文标题】：RemoveClass / Addclass

【发布时间】：2014-04-21 07:22:31

【问题描述】：

这是我在这个社区的第一篇文章：D 我需要 .removeclass 和 .addclass 函数的帮助:(

我的想法是一个按钮，当你点击它时，一个 div 会改变高度和宽度。 像这样：

HTML

<div id="content">
     <div id="clas4">
        <button onclick="_edit()">Edit</button>
     </div>
</div>

脚本

function _cambio()
    $('#content div').click(function() 
        $(this).removeClass('clas4').addClass('min');
    );
;

CSS

#clas4  width: 60%; height: 40%; border: 1px solid black; z-index:5; position:absolute;
.min  width: 10%; height: 10%; border: 1px solid black; background-color:blue;

---

好吧，当我单击按钮时，我的 div 将背景颜色更改为蓝色，但忽略高度和宽度选项 =/ 有人知道为什么吗？？

非常感谢^^

【参考方案1】：

也将您的 div 类设置为 clas4。您应该已经知道 _edit() 与 _cambio() 名称...

<div id="content">
    <div id="clas4" class="clas4">
        <button onclick="_edit()">Edit</button>
    </div>
</div>

在风格上：

.clas4 宽度：60%;高度：40%；边框：1px纯黑色； z-索引：5；位置：绝对；

【参考方案2】：

删除---->>函数_cambio()

<div id="content">
     <div class="clas4">
        <button class="click">Edit</button>
     </div>
</div>

$('.click').click(function() 
    $(this).removeClass('clas4').addClass('min');
);


.clas4  width: 60%; height: 40%; border: 1px solid black; z-index:5; position:absolute;
.min  width: 10%; height: 10%; border: 1px solid black; background-color:blue;

----->>>;

【讨论】：

嗨！我不知道我是否编辑了错误的代码，但这不起作用:(但感谢您的帮助^^

@user3424570，您需要 jquery 才能使用它。我猜这就是它不起作用的原因。