使用jquery更改边框底部颜色？

Question

我想使用jquery改变底部边框的颜色。谢谢

Answer 1

$("selector").css("border-bottom-color", "#fff");

1. 构造你的jQuery对象，它首先提供可调用的方法。在这种情况下，假设您有一个#mydiv，然后是$("#mydiv")
2. 调用jQuery提供的.css()方法来修改指定对象的css属性值。

Answer 2

$('#elementid').css('border-bottom', 'solid 1px red');

Answer 3

要修改更多css属性值，可以使用css对象。如：

hilight_css = {"border-bottom-color":"red", 
               "background-color":"#000"};
$(".msg").css(hilight_css);

但是如果修改代码是膨胀的。你应该考虑建议的approach三月。这样做：

首先，在你的css文件中：

.hilight { border-bottom-color:red; background-color:#000; }
.msg { /* something to make it notifiable */ }

第二，在你的js代码中：

$(".msg").addClass("hilight");
// to bring message block to normal
$(".hilight").removeClass("hilight");

如果ie 6不是问题，你可以将这些类链接到更具体的选择器。

Answer 4

如果你的CSS文件中有这个：

.myApp
{
    border-bottom-color:#FF0000;
}

和div例如：

<div id="myDiv">test text</div>

你可以使用：

$("#myDiv").addClass('myApp');// to add the style

$("#myDiv").removeClass('myApp');// to remove the style

或者您可以使用

$("#myDiv").css( 'border-bottom-color','#FF0000');

我更喜欢第一个示例，将所有CSS相关项保留在CSS文件中。