Cómo llamar a un div con clase específica en JQuery

JQuery fue diseñado para hacer la adición de la interacción de las páginas web más fácil para los diseñadores. Teniendo en cuenta este hecho, su método de selección de "partes" de la página es el modelo de Cascading Style Sheets (CSS) selectores. Esto significa que se puede añadir funciones y eventos a partes de sus páginas Web utilizando los selectores de estilo CSS. Cuando se desea llamar a un div con un nombre de clase específico en jQuery, por ejemplo, se puede utilizar una combinación de el selector de etiquetas y el selector nombre de la clase de código CSS. Este código es el "div .classname" y obtendrá ningún div con el mismo nombre de la clase, si hay uno o 10.

Instrucciones

1 Abra la página Web en el Bloc de notas y añadir este código si es necesario agregar jQuery a la página:

<Script type = "text / javascript" etiquetas a su código de página web, colocándolos por encima de "</ head>" o superior "</ body>" dependiendo de su preferencia. Dentro de los "<script>" etiquetas, escribir una función para hacer que la espera de la escritura hasta que la página termine de cargar:

<Script type = "text / css">

$ (Document) ready (function () {

});

</ Script>

Esto ayudará a evitar errores. Todo el código script de jQuery irá dentro de las llaves de la función "documento listo".

3 Seleccione su divs por nombre de la clase utilizando el mismo formato de la selección como lo haría en una hoja de estilo. Para los nombres de clase, este es el nombre de la clase por un punto prefijado. Al seleccionar en jQuery, sin embargo, colocar un signo de dólar en frente de un par de parantheses y coloque el selector de comillas dentro de los parantheses:

$ ( ". Nombre_clase");

Para seleccionar sólo los divs que comparten el mismo nombre de la clase, escribir "div" en frente del selector de clase:

$ ( "Div .classname");

4 Adjuntar una función de jQuery para el selector:

$ ( "Div .classname) .click ();

La función "click ()", añade un evento "click" al selector, contando la secuencia de comandos para hacer algo cuando el usuario hace clic en un div de una clase particular. Abrir una nueva función dentro de "click ()" - o dependiendo de la función que desea utilizar - para escribir el "algo" que sucede en el caso de:

$ ( "Div .classname) .click (function () {

// Escribir código aquí para hacer algo cuando el usuario hace clic en el div o divs

});