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
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar