Javascript 如何使用jquery获取元素的边框宽度?

Javascript 如何使用jquery获取元素的边框宽度?,javascript,jquery,html,css,border,Javascript,Jquery,Html,Css,Border,我的CSS类: .oriz\u菜单{ 字号:18px; 边框顶部:3倍暗纹山脊; 底边:3倍深脊; 右边框:3倍山脊暗色; } 然后,当我尝试获取边框宽度时,它显示0px: console.log($(“#菜单”).css(“边框顶部宽度”) 我也尝试过.css(“borderTopWidth”) 请帮忙 PS:我将#menu元素附加到父元素中,然后使用$(“#menu”).addClass(“oriz#u menu”) 类名与CSS不匹配 在CSS中,您正在向“.Class”添加样式 但在j

我的CSS类:
.oriz\u菜单{
字号:18px;
边框顶部:3倍暗纹山脊;
底边:3倍深脊;
右边框:3倍山脊暗色;
}


然后,当我尝试获取边框宽度时,它显示0px:
console.log($(“#菜单”).css(“边框顶部宽度”)


我也尝试过
.css(“borderTopWidth”)

请帮忙

PS:我将#menu元素附加到父元素中,然后使用
$(“#menu”).addClass(“oriz#u menu”)

类名与CSS不匹配

在CSS中,您正在向“.Class”添加样式

但在jquery中,您试图为“#ID”添加CSS

请将类名更改为“菜单”

现在你可以看到区别了,希望它能帮助你

类名与CSS不匹配

在CSS中,您正在向“.Class”添加样式

但在jquery中,您试图为“#ID”添加CSS

请将类名更改为“菜单”

现在您可以看到差异了,希望它对您有所帮助。

首先创建
#菜单
,然后创建
添加类
,然后附加到父div,如下所示

var menuDiv = "<div id='menu'></div>";
menuDiv = $(menuDiv).addClass("oriz_menu");

$("div#parent").append(menuDiv);

alert($("#menu").css("border-top-width"));
var menuDiv=”“;
menuDiv=$(menuDiv).addClass(“oriz_菜单”);
$(“div#parent”).append(menuDiv);
警报($(“#菜单”).css(“边框顶部宽度”);
选中此项,首先创建
#菜单
,然后添加类
,然后附加到父div,如下所示

var menuDiv = "<div id='menu'></div>";
menuDiv = $(menuDiv).addClass("oriz_menu");

$("div#parent").append(menuDiv);

alert($("#menu").css("border-top-width"));
var menuDiv=”“;
menuDiv=$(menuDiv).addClass(“oriz_菜单”);
$(“div#parent”).append(menuDiv);
警报($(“#菜单”).css(“边框顶部宽度”);
检查此

是否与答案混淆

HTML

答案有点含糊不清

HTML

  • 在javascript中
var menuDiv=“”

menuDiv=$(menuDiv).addClass(“oriz_菜单”)

$(“div#parent”).append(menuDiv)

警报($(“#菜单”).css(“边框宽度”)

  • 在css中
.oriz_菜单{

字号:18px

边界:3个暗色山脊

}

  • 在javascript中
var menuDiv=“”

menuDiv=$(menuDiv).addClass(“oriz_菜单”)

$(“div#parent”).append(menuDiv)

警报($(“#菜单”).css(“边框宽度”)

  • 在css中
.oriz_菜单{

字号:18px

边界:3个暗色山脊

}



撇开您的问题不谈,为什么需要检索此值?不确定是否相关,但您的选择器不匹配?在css中有.oriz_菜单,但在您的问题中有#菜单我的浏览器返回3px->@Godinall#菜单元素也有.oriz_菜单类请提供
html
部分,除了您的问题,为什么需要检索此值?不确定是否相关,但您的选择器不匹配?在你的css中你有.oriz_菜单,但在你的问题中你有#菜单我的浏览器返回3px->@Godinall#菜单元素也有.oriz_菜单类请提供
html
部分#菜单是一个ID不是一个类请提供html和css,我会尝试修复它#菜单是一个ID而不是类请提供html和css,我会尝试修复它复制并粘贴您的代码。。我收到警报:0px您是否在
HTML
中有id为
parent
的div,只有在该代码有效时才有。是的,我已将id更改为parent。。我真的不知道怎么了。。JSFIDLE工作模式请您提供完整的
脚本
它现在可以工作了。。我在记录css之后添加了这个类。。谢谢复制并粘贴了您的代码。。我收到警报:0px您是否在
HTML
中有id为
parent
的div,只有在该代码有效时才有。是的,我已将id更改为parent。。我真的不知道怎么了。。JSFIDLE工作模式请您提供完整的
脚本
它现在可以工作了。。我在记录css之后添加了这个类。。谢谢
$("#menu").addClass("oriz_menu");

alert(
    $("#menu").css("border-top-width")
);