Ändern der Grenze-bottom-Farbe mit jquery?

Question

Ich mag die Farbe der unteren Grenze ändern, mit jquery..Thanks

Answer 1

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

1. konstruieren Ihr jQuery-Objekt, die ersten aufrufbare Methoden zur Verfügung stellt. In diesem Fall, sagen Sie, haben Sie eine #mydiv, dann $("#mydiv")
2. rufen Sie die .css() Methode von jQuery zur Verfügung, um die CSS-Eigenschaft Werte des angegebenen Objekts zu ändern.

Answer 2

$('#elementid').css('border-bottom', 'solid 1px red'); 

Answer 3

Wenn Sie diese in Ihrem CSS-Datei haben:

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

und div zum Beispiel von:

<div id="myDiv">test text</div> 

können Sie:

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

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

oder Sie können Verwenden Sie einfach

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

Ich bevorzuge das erste Beispiel und behalte alle CSS-Elemente in den CSS-Dateien.

Answer 4

Um mehr CSS-Eigenschaftswerte zu ändern, können Sie CSS-Objekt verwenden. wie:

hilight_css = {"border-bottom-color":"red", 
       "background-color":"#000"}; 
$(".msg").css(hilight_css); 

aber wenn der Änderungscode aufgebläht ist. Sie sollten die approach März vorschlagen. tun es auf diese Weise:

erste, in der CSS-Datei:

.hilight { border-bottom-color:red; background-color:#000; } 
.msg { /* something to make it notifiable */ } 

Sekunde, in der JS-Code:

$(".msg").addClass("hilight"); 
// to bring message block to normal 
$(".hilight").removeClass("hilight"); 

wenn also 6 ist kein Problem, Sie können Kette diese Klassen um spezifischere Selektoren zu haben.