Changer la couleur de la bordure inférieure en utilisant jquery?

Question

Je veux changer la couleur de la bordure inférieure à l'aide jquery..Thanks

Answer 1

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

1. construire votre objet jQuery qui fournit des méthodes appelables premier. Dans ce cas, disons que vous avez un #mydiv, puis
2. appelez la méthode .css() fournie par jQuery pour modifier les valeurs de propriété CSS de l'objet spécifié.

Answer 2

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

Answer 3

Si vous avez dans votre fichier CSS:

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

et un div par exemple de:

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

vous pouvez utiliser:

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

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

ou vous pouvez il suffit d'utiliser

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

Je préfère le premier exemple, en gardant tous les éléments liés CSS dans les fichiers CSS.

Answer 4

Pour modifier d'autres valeurs de propriété CSS, vous pouvez utiliser l'objet css. tel que:

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

mais si le code de modification est gonflé. vous devriez considérer le approach Mars suggéré. le faire de cette façon:

d'abord, dans votre fichier css:

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

En second lieu, dans votre code js:

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

si IE6 est pas un problème, vous pouvez enchaîner ces classes avoir des sélecteurs plus spécifiques.