如何使用jquery更改元素的CSS [英] How to change css of element using jquery

问题描述

我已将CSS属性定义为

I have defined a CSS property as

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

点击按钮时，我要删除其边框。

On clicking a button, I want to remove its border.

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

推荐答案

只需使用：

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

或者，如果您喜欢长格式：

Or, if you prefer the long-form:

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

而且，我强烈建议您阅读 css / code>（参见下面的参考资料）。

And, I'd strongly suggest reading the API for css() (see the references, below).

参考文献：

• css（） 。

这篇关于如何使用jquery更改元素的CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！