Cómo llamar a un div con la 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. Ante este hecho, su método de "selección" partes de la página es el modelo de Cascading Style Sheets (CSS) selectores. Esto significa que usted puede conectar funciones y eventos a partes de sus páginas web mediante selectores de estilo CSS. Si desea llamar a un div con undeterminado nombre de clase en jQuery, por ejemplo, puede utilizar una combinación de el selector de etiquetas y 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. 

JQUERY ESPECÍFICO

Abra la página Web en el Bloc de notas y agregue este código si necesita agregar jQuery a la página:

script type = "text / javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" / script

Añadir etiquetas "script" a su código de la página Web, colocándolos por encima de "/ head" o por encima "/ cuerpo", dependiendo de su preferencia. Dentro de las etiquetas "script", escribir una función para hacer que el script esperar 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 de secuencia de comandos jQuery irá dentro de las llaves de la función "documento listo".

Seleccione sus divs por nombre de clase con el mismo formato de selección como lo haría en una hoja de estilo. Para los nombres de clase, este es el nombre de la clase precedido de un punto. Al seleccionar en jQuery, sin embargo, poner un signo de dólar delante de un par de parantheses y colocar las comillas dentro del selector dentro de los parantheses:

$ ("Nombre de la clase.");

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

$ ("Div nombre de clase.");

Adjuntar una función jQuery al selector:

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

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

$ ("Div. Classname). Haga clic en (function () {

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

});