使用jquery获取css属性

使用jquery获取css属性,jquery,css,Jquery,Css,我用 它在firefox中工作得很好,但在chrome中不起作用。请帮助我编写一种通用方法,以便在所有浏览器中获取css属性值 提前感谢一般来说,要阅读css属性,您可以按照问题中所述的相同方式进行,即 $('#mybutton').css('padding-top') 为了读取宽度或高度,jQuery提供了类似于.width()或.height()的函数。 注意-别忘了在语句开头加上$ $('#mybutton').css('padding-top'); 编辑按照@RokoC.Buljan

我用

它在
firefox
中工作得很好,但在
chrome
中不起作用。请帮助我编写一种通用方法,以便在所有浏览器中获取css属性值


提前感谢

一般来说,要阅读css属性,您可以按照问题中所述的相同方式进行,即

$('#mybutton').css('padding-top')
为了读取宽度或高度,jQuery提供了类似于
.width()
.height()
的函数。 注意-别忘了在语句开头加上
$

$('#mybutton').css('padding-top');
编辑按照@RokoC.Buljan的建议,将jquery脚本放入
document.ready
$(function(){..})为确保DOM就绪,请参见下面的示例

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


即使在铬合金中也能正常工作。我已经测试过了。请检查您的选择器是否存在错误。

在确定元素目标之前,请确保DOM已准备就绪:

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

即使是铬也能很好地工作。我已经测试过了。如果你想要宽度,那么你可以使用.width()谢谢,但我可以用同样的方法获取填充属性。阅读css属性的一般方法与你发布的相同,即
$('#mybutton').css('padding-top')。你能和你的问题陈述分享JSFIDLE链接吗?我会调查一下的。试着把
$('mybutton').css('padding-top')$(函数(){})中的code>如回答中所建议。工作链接这是jsfiddle的链接,在chrome和firefox上都显示了
undefined
$(function(){
    $('#mybutton').width();
   $('#mybutton').css('padding-top');
});
$(function(){ // DOM is now ready

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

});