使用jquery实时更新css属性

Question

我的响应式网站中有两个分组类：section_left1和section_right1

section_right1与文档的关系非常好，但是section_left1是问题所在。 每次文档准备就绪或浏览器调整大小时，我想将section_right1的高度传递给section_left1。

如何使用jquery或其他简单方法更改css属性？

Answer 1

通常你会用

var height_foo = $('#selector_foo').height();

$('#selector_bar').css({
    height: height_foo,
    color: green
});

使用这种方法有什么问题吗？

PS。显然，您可以在窗口大小调整上更新height_foo，或滚动或任何您需要的内容。你真的很灵活......

Answer 2

您可以使用其他css属性来实现目标。与three column answer一样。

.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }

Answer 3

您可以使用常规Javascript执行此操作： （此方法使用ID，而不是类）

x=document.getElementById('id');
x.style.height='123px';

这是根据W3。

或者，您可以使用JQuery：

$('.class').css({
 height: 120px;
 color: 'red';
});

有很多其他可能的方法可以做到这一点，但这些方法最简单。

希望有所帮助！