Adding css by jquery

Question

我知道如何添加jQuery的CSS。

var alrt = 'width:200px;';
jQuery("#login").css(' + alrt + ');

我可以这样做吗？我到目前为止没有输出

Answer 1

您需要将CSS属性和值作为单独参数传递给.css（）

jQuery("#login").css('width', '200px');

Answer 2

您可以执行以下操作：

var alrt = 'width:200px;';
jQuery("#login").attr("style", alrt);

如果要跨现有样式复制：

var alrt = jQuery("#login").attr("style") + 'width:200px;';
jQuery("#login").attr("style", alrt);

请小心，使用.css（）更好，因为如果样式已经设置在元素上，则它将覆盖它，而上述本质上是将concts字符串在一起。

Answer 3

在jQuery中使用此addClass。请不要以内联风格添加CSS。

<style>
    addingWidth {
        width:200px;
    }
</style>

jQuery("#login").addClass("addingWidth");

Answer 4

您可以拥有类似的东西是CSS jQuery（"＃login"）。css（{'width'：'200px'}）;您还可以尝试attr

Answer 5

您可以通过以下方式在jQuery中添加CSS。

如果您只需要在CSS中应用一种样式，则可以添加。

$("#login").css("width", "200px");

如果您必须在CSS中添加多种样式，则可以添加。

$("#login")).css({"width-color": "200px", "font-size": "25px"});