Question

我的CSS课程：
.oriz_menu{ font-size : 18px; border-top : 3px ridge darkred; border-bottom : 3px ridge darkred; border-right : 3px ridge darkred; }

然后，当我尝试获得边框宽度时，它显示0px：
console.log($("#menu").css("border-top-width"));

我也试过.css("borderTopWidth"))
请帮忙！

PS：我将#menu元素附加到父元素中，然后使用$("#menu").addClass("oriz_menu")

设置类

Answer 1

首先创建#menu然后addClass，然后追加到父div，就像这样

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

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

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

选中 DEMO

Answer 2

Here是一个JSFiddle的答案。

HTML

<div id="menu"></div>

的Javascript

$("#menu").addClass("oriz_menu");

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

Answer 3

in javascript

var menuDiv =＆＃34;＆＃34 ;;

menuDiv = $（menuDiv）.addClass（＆＃34; oriz_menu＆＃34;）;

$（＆＃34; DIV＃父＆＃34）。追加（menuDiv）;

警报（$（＆＃34;＃菜单＆＃34）的CSS（＆＃34;边界宽度＆＃34））;

in css

.oriz_menu {

字体大小：18像素;

边界：3px岭黑暗;

}

Answer 4

班级名称与CSS
不匹配
在CSS中，您要将样式添加到“.Class”

但是在jquery中你试图为“#ID”添加CSS

请将班级名称更改为“菜单”。

现在你可以看到差异，希望它对你有帮助。

如何使用jquery获取元素的border-width？

4 个答案: