如何使用jquery更改元素的css

时间:2012-04-26 13:17:20

标签: jquery html css

我已将CSS属性定义为

#myEltId span{
  border:1px solid black;
}

点击按钮后,我想删除它的边框。

$('#button1').click(function() {
  // How to fetch all those spans and remove their border
});

2 个答案:

答案 0 :(得分:25)

只需使用:

$('#button1').click(
    function(){
        $('#myEltId span').css('border','0 none transparent');
    });

或者,如果您更喜欢长篇形式:

$('#button1').click(
    function(){
        $('#myEltId span').css({
            'border-width' : '0',
            'border-style' : 'none',
            'border-color' : 'transparent'
        });
    });

而且,我强烈建议您阅读css()的API(请参阅下面的参考资料)。

参考文献:

答案 1 :(得分:5)

如果你多次使用它,你也可以定义没有border的css类:

.no-border {border:none !important;}

然后使用jQuery应用它;

$('#button1').click(function(){
        $('#myEltId span').addClass('no-border');
});