Question

实际上我正在研究jQuery并使用Twitter BootStrap来尝试开发WP模板。我想要实现的是使用jquery更改css属性的可能性。

这就是我想要实现的目标

由此：

margin-left: 2.564102564102564%;

对此：

margin-right: 2.564102564102564%;

正如您所看到的，我希望保留该值，但更改属性。

这是'原创'css部分：

.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.564102564102564%;
}

Answer 1

您只需相应地调整margin-left和margin-right值。

$('.row-fluid [class*="span"]').css({
    'margin-left':'0',
    'margin-right':'2.564102564102564%'
});

Answer 2

var elems = $('.row-fluid [class*="span"]');

elems.css({
    marginRight : elems.css('margin-left'), // gets the margin from the first element
    marginLeft  : 0
});

请注意css()设置集合中所有元素的值，但从集合中的第一个元素获取值。

Answer 3

你必须分两步完成。删除左边距，然后添加右边距：

$('.row-fluid [class*="span"]').css('margin-left', 0);
$('.row-fluid [class*="span"]').css('margin-right', '2.564102564102564%');

Answer 4

只需读取属性，保存其值，删除属性并使用保存的值添加新属性。

var tmp = $('.row-fluid [class*="span"]').css('margin-left');
$('.row-fluid [class*="span"]').css({'margin-left': 0, 'margin-right': tmp});

是否可以使用.css（）来更改属性

4 个答案: