remove - jquery css height

¿Cambiar el color del borde inferior usando jquery?

Question

Quiero cambiar el color del borde inferior usando jquery ... Gracias

Answer 1

Si tienes esto en tu archivo CSS:

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

y un div por ejemplo de:

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

puedes usar:

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

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

o simplemente puedes usar

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

Prefiero el primer ejemplo, manteniendo todos los elementos relacionados con CSS en los archivos CSS.

Answer 2

para modificar más valores de propiedad css, puede usar el objeto css. como:

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

pero si el código de modificación está hinchado. Usted debe considerar el approach marzo sugerido. hacerlo de esta forma:

Primero, en tu archivo css:

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

segundo, en su código js:

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

Si ie 6 no es un problema, puede encadenar estas clases para tener selectores más específicos.

Answer 3

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

1. construye tu objeto jQuery que proporciona primero métodos invocables. En este caso, digamos que tienes un #mydiv , luego $("#mydiv")
2. llame al método .css() proporcionado por jQuery para modificar los valores de propiedad css del objeto especificado.

Answer 4

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