¿Por qué este código jQuery no elimina un borde de un trabajo div?

jsFiddle ¿Por qué este código jQuery no elimina un borde de un trabajo div?

Estoy tratando de eliminar el borde de un div usando jQuery, pero no está funcionando. ¿Qué estoy haciendo mal?

HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    div { width: 200px; height: 150px; background-color: #f33; border: 10px solid silver;} 
    </style> 
</head> 
<body> 
    <div id="a1"></div> 
    <br> 
    <br> 
    <div id="a3">click</div> 
</body> 
</html>

Javascript:

$("#a3").click(function() { 
    $('#a1').css("border", ""); 
}):

Fuente

2010-11-22 ben

Elemento IDs no puede comenzar con los números
Las secuencias de comandos termina con :, no ;
Establecer border-none, no un cadena vacía

Fuente

2010-11-22 00:11:56 SLaks

Gracias por el aviso, he actualizado la pregunta. Aún así, no funciona. – ben

@ben: ver mi actualización. – SLaks

+1: http://jsfiddle.net/SebastianPataneMasuelli/XWt53/5/ –

Incluso si obtiene la identificación correcta, creo que desea.

$("#three").click(function() { 
    $('#one').css("border", "none"); 
});

Si establece el estilo de borde en una cadena vacía, no anulará el dado por el CSS. Debe darle un valor que se aplicará en su lugar. El uso de la cadena vacía eliminará la propiedad de estilo en el elemento, dejando que se aplique el estilo en cascada de la etiqueta de estilo en línea.

Fuente

2010-11-22 00:13:40 tvanfosson

Bueno, tienes tres problemas:

Elemento IDs no puede comenzar con un número.
Su código JS termina con un : (dos puntos); debería ser ; (punto y coma), o es un error de sintaxis.
Establecer el borde de una cadena vacía no elimina el borde. Pruebe $('#1').css('border', 'none');.

Fuente

2010-11-22 00:17:17 kevingessner

en lugar de usar css("border", "");css("border", "none");

Pero igualmente importante es cambiar el :-; al final de la secuencia de comandos, ya que está provocando que falle por completo.

ejemplo a http://jsfiddle.net/XWt53/4/

Fuente

2010-11-22 00:18:46

¿El div que estés al hacer clic en un evento de clic tiene fijado a ella?

$("#a3").bind('click', function() { 
    $("#a1").css('border', 'none'); 
});

Fuente

2010-11-22 00:56:22

¿Por qué este código jQuery no elimina un borde de un trabajo div?

Respuesta

Cuestiones relacionadas