Ändern Sie die untere Randfarbe mit jQuery?

Wie ändere ich die Farbe des unteren Randes mit jQuery?

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

1. Erstellen Sie zuerst Ihr jQuery-Objekt, das aufrufbare Methoden bereitstellt. Sagen Sie in diesem Fall, Sie haben eine #mydivdann $("#mydiv")
2. Ruf den .css() Methode, die von jQuery bereitgestellt wird, um die CSS-Eigenschaftswerte des angegebenen Objekts zu ändern.

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

Um weitere CSS-Eigenschaftswerte zu ändern, können Sie CSS-Objekte verwenden. wie zum Beispiel:

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

aber wenn der Änderungscode aufgebläht ist. Sie sollten den von März vorgeschlagenen Ansatz in Betracht ziehen. mach es so:

zuerst in Ihrer CSS-Datei:

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

Zweitens, in Ihrem js-Code:

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

Wenn zB 6 kein Problem ist, können Sie diese Klassen verketten, um spezifischere Selektoren zu haben.

Wenn Sie dies in Ihrer CSS-Datei haben:

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

und ein div zum Beispiel von:

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

Sie können verwenden:

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

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

oder Sie können einfach verwenden

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

Ich bevorzuge das erste Beispiel, bei dem alle CSS-bezogenen Elemente in den CSS-Dateien bleiben.