Insertar una class a una div con jQuery

[ceaped]

Buenos días

Tengo esta div:

Código HTML:

<div id="menu"></div>
 

Deseo insertarle una "class="nueva_clase" a esta div.

Gracias por su ayuda

[MaNuX0218]

Seria de la sieguiente manera:

Código Javascript:

$("#menu").addClass("nueva_clase");
 

Lo que indicanos para que proposito o que deveria hacer antes de añadirle la nueva clase.

Saludos.

[ceaped]

Hola MaNuX0218

Mira como inserto la nueva clase pero no logro darle estilos:

Código Javascript:

<script>
$("#navbar").addClass("icon-menu");
</script>
 

Código CSS:

.icon-menu{
    display: block;
    cursor: pointer;
    margin-left: 100%;
    background: url('../images/menu_icon.png');
    background-color: #FF0000;
    }
 

Código HTML:

<div id="navbar"> 
  <ul class="menu">
    <li><a href="#">Botón 1</a></li>
    <li><a href="#">Botón 2</a></li>
    <li><a href="#">Botón 3</a></li>
    <li><a href="#">Botón 4</a></li>
    <li><a href="#">Botón 5</a></li>
  </ul>
</div>
 

Gracias por tu ayuda

[MaNuX0218]

Supongo que tendras la libreria jquery.

Y como te comentaba antes que necesitas que pase para que te cambie la clase, por ejemplo al hacer clic en un boton, etc...

Si no, prueba de esta manera:

Código Javascript:

$(document).ready(function(){
    $("#navbar").addClass("icon-menu");
});
 

Saludos.

[ceaped]

Hola MaNuX0218
Nada no logro que la imagen del .css se vea.

Gracias por tu ayuda

[MaNuX0218]

Podrias contestar antes a estas dos preguntas:

1- ¿Tienes la libreria jquery?
2- ¿Que acción necesitas que pase antes de cambiar dicha clase?

Saludos.

[ceaped]

Hola MaNuX0218
1- Si, tengo la librería jQuery
2- Qué cuando presione esa imagen se abra un menú.

Gracias por tu ayuda

[MaNuX0218]

Pues prueba asi:

Código Javascript:

$("#ID_IMAGEN").on("click", function(){
    $("#navbar").addClass("icon-menu");
});
 

Tienes que sustituir el ID_IMAGEN por el id definido en la imagen, esto realizará que cuando se haga clic en esa imagen cambiara la clase en el navbar.

Saludos.