Question

这是我在这个社区的第一篇文章：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将backgorun颜色更改为蓝色，但忽略高度和宽度选项= /有人知道为什么??

非常感谢^^

Answer 1

将div类设置为clas4。您应该已经了解_edit（）vs _cambio（）名称......

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

风格：

.clas4 {width：60％;身高：40％;边框：1px纯黑色;的z-index：5;位置是：绝对;}

Answer 2

删除----＆gt;＆gt; function _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;}

- - - - ＆GT;＆GT;＆GT;};

RemoveClass / Addclass

2 个答案: