Quitar propiedad estilo usando jQuery
-
11-10-2019 - |
Pregunta
Tengo esta propiedad de estilo en mi archivo CSS:
.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }
Me gustaría eliminar esta vía jQuery, ¿cómo voy a ir haciendo esto? Probé removeClass y attr, pero no funciona.
Solución
Es necesario añadir un poco más de css para hacer este trabajo:
.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }
.table tbody tr.no-hover:hover th,
.table tbody tr.no-hover:hover td { background: inherit; }
Se podría añadir el .no-hover
clase utilizando $(selector).addClass('no-hover')
. Esto estilo de ellos de manera diferente que las otras definiciones :hover
que tiene. Puede que tenga que utilizar un color explícito para hacer este trabajo.
Otros consejos
Hay que trabajar alrededor de eso, porque jQuery no soporta pseudo-clases. Para obtener más información, consulte http: //forum.jquery. com / tema / desactivación de-la-asomar-estado-de-uno-hipervínculo
que define el estilo de objeto no mediante el uso de la clase así que obviamente no puede eliminarlos.
su alguna opción que puede utilizar
añadir una clase a td como
1 .class1{ background: transparent;}
cuando se agrega esta clase a través de jQuery que es un trabajo voluntad
2 cambio del color a través de jQuery
$('table tr td').css('background-color','transparent')
probar esta opción y la cosa que va a trabajar.
añadir a clase y estilo td
ella, no la propia etiqueta y luego usar removeClass()
o añadir clases en hover()