首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery获取css属性

使用jquery获取css属性
EN

Stack Overflow用户
提问于 2014-10-07 06:47:59
回答 3查看 64关注 0票数 0

我使用

代码语言:javascript
运行
复制
$('#mybutton').css('padding-top')

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

提前感谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-10-07 06:50:40

通常,要读取css属性,您可以遵循与您所述相同的方式,即

代码语言:javascript
运行
复制
$('#mybutton').css('padding-top');

为了读取宽度或高度,jQuery提供了诸如.width().height()之类的函数。注意到--别忘了把$放在语句的开头

代码语言:javascript
运行
复制
$('#mybutton').width();

按照@的建议编辑,将jquery脚本放在document.ready$(function(){..});中,以确保DOM已经就绪,参见下面的示例

代码语言:javascript
运行
复制
$(document).ready(function(){
    $('#mybutton').width();
    $('#mybutton').css('padding-top'); 
});

代码语言:javascript
运行
复制
$(function(){
    $('#mybutton').width();
   $('#mybutton').css('padding-top');
});

演示链接

票数 0
EN

Stack Overflow用户

发布于 2014-10-07 06:58:35

在针对元素之前,确保DOM已经准备好:

代码语言:javascript
运行
复制
$(function(){ // DOM is now ready

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

});
票数 0
EN

Stack Overflow用户

发布于 2014-10-07 06:58:29

即使在镀铬中,它的工作也很好。我已经测试过了。请检查一下您的选择器,可能您在那里出错了。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26230123

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档