首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >RemoveClass / Addclass

RemoveClass / Addclass
EN

Stack Overflow用户
提问于 2014-03-16 00:24:36
回答 2查看 167关注 0票数 0

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

我认为这是一个按钮,当你点击它,一个div改变高度和宽度。如下所示:

代码语言:javascript
运行
复制
<div id="content">
     <div id="clas4">
        <button onclick="_edit()">Edit</button>
     </div>
</div>

脚本

代码语言:javascript
运行
复制
function _cambio(){
    $('#content div').click(function() {
        $(this).removeClass('clas4').addClass('min');
    });
};

CSS

代码语言:javascript
运行
复制
#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颜色更改为蓝色,但忽略高度和宽度选项=/有人知道为什么吗??

非常感谢^^

EN

回答 2

Stack Overflow用户

发布于 2014-03-16 00:43:10

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

代码语言:javascript
运行
复制
<div id="content">
    <div id="clas4" class="clas4">
        <button onclick="_edit()">Edit</button>
    </div>
</div>

在风格上:

.clas4 {宽度: 60%;高度: 40%;边框:1 1px实心黑色;z-指数:5;位置:绝对;}

票数 0
EN

Stack Overflow用户

发布于 2014-03-16 00:43:22

删除->函数_cambio(){

代码语言:javascript
运行
复制
<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;}

->>};

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22431479

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档