Изменить цвет нижней границы, используя jquery?

Question

Я хочу изменить цвет нижней границы, используя jquery .. Спасибо

Answer 1

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

1. создайте ваш объект jQuery, который сначала предоставляет вызываемые методы. В этом случае, скажем, вы получили #mydiv, затем $("#mydiv")
2. вызывает метод .css(), предоставленный jQuery, чтобы изменить значения свойства css указанного объекта.

Answer 2

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

Answer 3

, чтобы изменить больше значений свойства css, вы можете использовать объект css. такие как:

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

но если код модификации раздут. Вы должны рассмотреть предложенный мартовский подход . сделать это так:

сначала в вашем css файле:

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

секунда, в вашем коде js:

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

если то есть 6 не является проблемой, вы можете объединить эти классы в цепочку, чтобы иметь более конкретные селекторы.

Answer 4

Если у вас есть это в вашем файле CSS:

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

и div, например:

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

Вы можете использовать:

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

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

или вы можете просто использовать

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

Я предпочитаю первый пример, сохраняя все связанные с CSS элементы в файлах CSS.