使用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 );
});