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

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

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

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

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

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

以及例如的div:

 
test text

您可以使用:

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

或者你可以使用

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

我更喜欢第一个例子,保留CSS文件中所有与CSS相关的项目。