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

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.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google






LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
28293031   

Sabado 5 de Julio 2025
Semana 27



Java script - Java


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