36

如何使用 jQuery 更改底部边框的颜色?

4

4 回答 4

65
$("selector").css("border-bottom-color", "#fff");
  1. 构造你的 jQuery 对象,它首先提供可调用的方法。在这种情况下,假设你有一个#mydiv,那么$("#mydiv")
  2. 调用.css()jQuery提供的方法来修改指定对象的css属性值。
于 2009-10-02T12:54:52.420 回答
23
$('#elementid').css('border-bottom', 'solid 1px red');
于 2009-10-02T12:52:33.607 回答
12

要修改更多的 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 不是问题,您可以链接这些类以获得更具体的选择器。

于 2009-10-02T13:50:42.770 回答
5

如果你的 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 文件中。

于 2009-10-02T13:11:44.427 回答