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
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(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