Zmienić kolor obramowania dolnej przy użyciu jquery?

Question

Chcę zmienić kolor dolnej granicy używając jquery..Thanks

Answer 1

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

1. skonstruować swój obiekt jQuery, który dostarcza metody wywołalnych pierwszy. W takim przypadku, powiedzmy, masz #mydiv, a następnie $("#mydiv")
2. wywołanie metodydostarczonej przez jQuery w celu zmodyfikowania wartości właściwości css określonego obiektu.

Answer 2

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

Answer 3

Jeśli masz to w swoim CSS plik:

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

i div na przykład z:

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

można użyć:

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

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

lub można po prostu użyj

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

Preferuję pierwszy przykład, zachowując wszystkie powiązane elementy CSS w plikach CSS.

Answer 4

aby zmodyfikować więcej wartości właściwości css, możesz użyć obiektu css. takie jak:

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

, ale jeśli kod modyfikacji jest nadęty. powinieneś rozważyć sugerowany marsz approach. zrobić to w ten sposób:

pierwsze, w pliku CSS:

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

sekundę, w kodzie JS:

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

jeśli IE 6 nie jest problem, możesz połączyć te zajęcia mieć bardziej szczegółowe selektory.