jquery - 如何使用jquery更改元素的CSS

Question

我定义了一个 CSS 属性

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

单击按钮时，我想删除它的边框。

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

Answer 1

只需使用:

$('#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(请参阅下面的引用资料)。

引用资料:

• css() .