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

Question

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

Answer 1

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

1. 构造你的jQuery对象,首先提供可调用的方法.在这种情况下,说你有一个#mydiv,然后$("#mydiv")
2. 调用.css()jQuery提供的方法来修改指定对象的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);

但如果修改代码膨胀.你应该考虑三月建议的方法.这样做:

首先,在你的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相关的项目.