Изменить цвет границы с помощью jquery?

Ответ 1

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

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

Ответ 2

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

Ответ 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 */ }

second, в вашем js-коде:

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

если ie 6 не является проблемой, вы можете связать эти классы с более конкретными селекторами.

Ответ 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.