web-dev-qa-db-fra.com

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

Je veux changer la couleur de la bordure inférieure en utilisant jquery..Merci

jquerycssborder
32
halocursed
$("selector").css("border-bottom-color", "#fff");
  1. construisez votre objet jQuery qui fournit d'abord des méthodes appelables. Dans ce cas, disons que vous avez obtenu un #mydiv, Puis $("#mydiv")
  2. appelez la méthode .css() fournie par jQuery pour modifier les valeurs de propriété css de l'objet spécifié.
58
nil
$('#elementid').css('border-bottom', 'solid 1px red');
20
John Boker

pour modifier plus de valeurs de propriétés css, vous pouvez utiliser un 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 approche mars suggéré. faites-le de cette façon:

tout d'abord, dans votre fichier css:

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

deuxièmement, dans votre code js:

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

si ie 6 n'est pas un problème, vous pouvez chaîner ces classes pour avoir des sélecteurs plus spécifiques.

11
nil

Si vous avez ceci 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 simplement utiliser

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

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

5
Mark Schultheiss