首页 > 技术文章 > 点击后改变css属性

brown-birds 2016-11-14 18:03 原文

在html中:

<div class="formbuilder">
    <div class="active">Heading</div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

 

javascript:

$(document).ready(function () {
    $('.formbuilder div').on('click', function () {
        $('.formbuilder div').removeClass('active');
        $(this).addClass('active');
    });
});

 

css:

.active {
    border: black 1px solid;
}

推荐阅读