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

但是如果修改代码比较臃肿。您应该考虑 方法 March 建议的。这样做：

首先，在你的 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 文件中。