¿Cambiar el color del borde inferior con jquery?

Question

I quieren cambiar el color del borde inferior utilizando jquery..Thanks

Answer 1

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

1. construir su objeto jQuery que proporciona métodos desembolsadas primero. En este caso, supongamos que tiene un #mydiv, luego $("#mydiv")
2. llame al método .css() proporcionado por jQuery para modificar los valores de propiedades css de los objetos especificados.

Answer 2

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

Answer 3

Si tiene esto en su archivo CSS:

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

y un div por ejemplo de:

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

puede utilizar:

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

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

o usted puede solo use

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

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

Answer 4

Para modificar más valores de propiedad css, puede usar el objeto css. por ejemplo:

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

pero si el código de modificación está hinchado. debería considerar el approach de marzo sugerido. hacerlo de esta manera:

en primer lugar, en su archivo css:

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

en segundo lugar, en el código JS:

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

si es decir, 6 no es un problema, se pueden encadenar estas clases tener selectores más específicos.