使用jquery获取css属性

Question

我用

$('#mybutton').css('padding-top')

它在firefox完美地完成了工作，但它在chrome中无效。帮助我编写通用的方法来获取所有浏览器中的css属性值

提前致谢

Answer 1

一般而言，要阅读css属性，您可以采用与问题中所述相同的方式，即

$('#mybutton').css('padding-top');

为了读取宽度或高度，jQuery提供了.width()或.height()等功能。 注意 - 不要忘记将$放在声明的开头

$('#mybutton').width();

按照@ RokoC.Buljan的建议

编辑，将您的jquery脚本放在document.ready或$(function(){..});中以确保DOM已准备就绪，请参阅下面的示例

$(document).ready(function(){
    $('#mybutton').width();
    $('#mybutton').css('padding-top'); 
});

OR

$(function(){
    $('#mybutton').width();
   $('#mybutton').css('padding-top');
});

<强> DEMO Link

Answer 2

在定位元素之前确保DOM已准备就绪：

$(function(){ // DOM is now ready

   var val = $('#myButton').css('desired-property');
   console.log( val );

});

Answer 3

即使在镀铬中它也能正常工作。我测试了它。请检查你的选择器可能是你在那里弄错了。