如何通过jQuery向类中添加CSS

How to add CSS to a class through jQuery?

本文关键字：添加 CSS 何通过 jQuery      更新时间：2023-09-26

我使用jQuery Mobile为一个简单的移动应用程序，我想添加一个CSS到它。目前，我有以下CSS类:

.home-button-edited {
    border: 1px solid #2373A5;
    margin-top: 1px !important;
    background:#3496da;
}
然后在JS部分我有以下代码段: 
var viewport = {
    width: $(window).width(),
    height: $(window).height()
};
document.addEventListener("deviceready", setHomeButton, false);
function setHomeButton() {
    var difference = viewport.width - 85;
    $('.home-button-edited').css("left", "difference !important");
}

关键是，我想添加一个left属性到.home-button-edited，用我在difference变量中得到的值，它也应该有一个重要的属性。什么好主意吗?

 $('.home-button-edited').css("left", difference+"!important");

或

 $('.home-button-edited').style.setProperty( 'left', difference, 'important' );

您可以使用:

$('.home-button-edited').css('cssText','left: '+difference+'px !important');

函数出错

function setHomeButton() {
    var difference = viewport.width - 85;
    $('.home-button-edited').css("left", difference + " !important");
}
相关文章：