使用jquery更改边框底部颜色?
我想用jquery改变底部边框的颜色。谢谢
$("selector").css("border-bottom-color", "#fff");
- 构造你的jQuery对象,它首先提供可调用的方法。 在这种情况下,假设你有一个
#mydiv
,那么$("#mydiv")
- 调用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相关的项目。