设置样式

$('#test').css('height', '10px'); => document.getElementById('test').style.height = '10px';

获取样式

$('#test').css('height') 


var getStyle = function(dom, attr) {   
  return dom.currentStyle ? dom.currentStyle[attr] : getComputedStyle(dom, false)[attr];  
};



getStyle(document.getElementById('test'), 'height');

修改 css

动画 在线测试网站

$("p").css("color","red");

$("p").css({ color: "#ff0011", background: "blue" });

逐渐增加div的大小 # jQuery 代码: $(“div”).click(function() { $(this).css({ width: function(index, value) { return parseFloat(value) * 1.2; }, height: function(index, value) { return parseFloat(value) * 1.2; } }); });