如何使用 jQuery 更改底部边框的颜色?
问问题
145848 次
4 回答
65
$("selector").css("border-bottom-color", "#fff");
- 构造你的 jQuery 对象,它首先提供可调用的方法。在这种情况下,假设你有一个
#mydiv
,那么$("#mydiv")
- 调用
.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 回答