使用jquery更改下边框的颜色？(Change border-bottom color using

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

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相关的项目。

文章来源: Change border-bottom color using jquery?