Seleccion de elementos por el tipo de elementos jQ

Temas > Programacion > Java script - Java > Seleccion de elementos por el tipo de elementos jQ

Julio(Admin)

Fecha de registro: 2011-01-21 21:33:50
Total temas creados: 446
Total mensajes enviados: 21

Fecha del Tema: 2013-04-15 19:13:03

La sintaxis para tener la referencia de todos los elementos de cierto tipo (a, p, h1, etc.): $("nombre del elemento") Es decir es casi igual que obtener la referencia de un elemento particular mediante el id, solo difiere en que no le antecedemos el caracter $. Podemos con esto definir funciones comunes a un conjunto de elementos. ProblemaConfeccionar una tabla con 5 filas. Hacer que cambie de color la fila que se presiona con el mouse. Obtener la referencia a todos los elementos `tr`. pagina1.html <?php //esto no va <html> <head> <title>Problema</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="funciones.js"></script> </head> <body> <table border="1"> <tr> <td>1111111111</td><td>1111111111</td><td>1111111111</td><td>1111 111111</td> </tr> <tr> <td>2222222222</td><td>2222222222</td><td>2222222222</td><td> 2222222222</td> </tr> <tr> <td>3333333333</td><td>3333333333</td><td>3333333333</td><td> 3333333333</td> </tr> <tr> <td>4444444444</td><td>4444444444</td><td>4444444444</td><td>4444 444444</td> </tr> <tr> <td>5555555555</td><td>5555555555</td><td>5555555555</td><td> 5555555555</td> </tr> </table> </body> </html> ?>//esto no va funciones.js <?php //esto no va var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() { var x; x=$("tr"); x.click(presionFila); } function presionFila() { var x; x=$(this); x.css("background-color","eeeeee"); } ?>//esto no va Con la siguiente sintaxis obtenemos la referencia a todos los elementos HTML de tipo `tr`: <?php //esto no va var x; x=$("tr"); x.click(presionFila); ?>//esto no va y a todos ellos los enlazamos con la función presionFila Cuando se presiona cualquiera de las filas de la tabla se ejecuta la siguiente función: <?php //esto no va function presionFila() { var x; x=$(this); x.css("background-color","eeeeee"); } ?>//esto no va Para obtener la referencia de que elemento en particular disparó el evento podemos hacerlo de la siguiente manera: <?php //esto no va x=$(this); ?>//esto no va y a partir de esta referencia llamar al método css.

Si quieres dejar un comentario registrate o inicia sesión pulsando aquí

¿Has olviado tu contraseña?
¿Todavia no te has registrado?
Pulsa aquí para registrate

Visitas: 1153753
Usuarios en linea:

Google

Calendario

Lun	Mar	Mie	Jue	Vie	Sab	Dom
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Miercoles 4 de Agosto 2021
Semana 31

Enlaces de interes

Todos los viernes a las 23:30 hs

Java script - Java

-Form con una ventana nueva
-Seleccionar un elemento html mediante su id
-Convertidor de divisas en java
-Programa para contar vocales de un fichero en java
-Entrada y salida estandar en Java
-Lectura y escritura de archivos en java
-Que es JavaScript
-Variables en java script
-Entrada de datos por teclado en java script
-Estructuras secuenciales en java script
-Estructuras condicionales simples en java script
-Estructuras condicionales compuesta en jaca script
-Estructuras condicionales anidadas en java script
-Operadores logicos (and) en las estructuras java s
-Operadores logicos or en las estructuras java s
-Estructura repetitiva (while) en java script
-Concepto de acumulador en java script
-Estructura repetitiva do while en java script
-Estructura repetitiva for en java script
-Funciones en java script
-Funciones con parametros en java script
-Funciones que retornan un valor en java script
-Programacion orientada a objetos en java script
-Clase Date en java script
-Clase Array en java script
-Clase String en java script
-Clase Math en java script
-Formularios y Eventos en java script
-Controles FORM, BUTTON y TEXT en java script
-Control PASSWORD en java script
-Control SELECT en java script
-Control CHECKBOX en java script
-Control RADIO en java script
-Control TEXTAREA en java script
-Eventos onFocus y onBlur en java script
-Eventos onMouseOver y onMouseOut en java script
-El objeto window en java script
-Propiedad location de objeto window en java script
-Propiedad screen del objeto window en java script
-Archivo JavaScript externo
-Que es el jQuery
-Seleccion de un elemento mediante el id jQuery
-Nueva manera de programar JavaScript con jQuery
-Seleccion de elementos utilizando el selector CSS
-Seleccion de elementos con la clase CSS definida
-Metodos text, text valor en jQuery
-Metodos attr y removeAttr en jQuery
-Metodos addClass y removeClass en jQuery
-Metodos html y html valor en jQuery
-Administracion de eventos con jQuery
-Eventos mouseover y mouseout en jQuery
-Evento hover en jQuery
-Evento mousemove en jQuery
-Eventos mousedown y mouseup en jQuery
-Evento dblclick en jQuery
-Evento focus en jQuery
-Evento blur en jQuery
-Manipulacion de los elementos del DOM en jQuery
-Efectos con los metodos show y hide en jQuery
-Efectos con los metodos fadeIn y fadeOut en jQuery
-Efecto con el metodo fadeTo en jQuery
-Efecto con el metodo toggle en jQuery
-Iteracion por los elementos each en jQuery
-Ajax metodo load en jQuery
-Ajax metodos ajaxStart y ajaxStop en jQuery
-Pasando datos por los metodos GET y POST en jQuery
-JSON en jQuery
-Funcion ajax en jQuery
-Llamadas encadenadas de metodos del objeto jQuery
-Menu desplegable en jQuery
-Mostrar un tooltip con datos recuperados en jQuery
-Producir JSON desde PHP
-Consumir un JSON desde PHP
-Sintaxis de un list array en java
-Maneras de salir de un iframe con java script
-Input type submit con evento onclick

..............................................................................................................................................................................................................................................

Foro creado y diseñado para compartir conocimientos
Derechos reservados. Autor: Julio Tortosa (Contacto)..