miércoles, 17 de septiembre de 2014

Cómo funciona each - II

En la primera línea no estaríamos extendiendo la variable this con las funcionalidades de jQuery, luego no funcionaría. En la segunda línea, que es la que habíamos utilizado en el script de ejemplo, sí estamos extendiendo la variable "this" con la función jQuery. 
De ese modo, se puede invocar a cualquier método de jQuery sobre los elementos. 
Podemos ver un ejemplo en marcha que hace uso de ese script. 
Este sería su código fuente completo

<html>
<head>
<title>each del core de jQuery</title>
<script src="../jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("p").each(function(i){
if(i%2==0){
$(this).css("background-color", "#eee");
}else{
$(this).css("background-color", "#ccc");
}
});
});
</script>
</head>
<body>
<p>Primer párrafo</p>
<p>Otro párrafo</p>
<p>Tecer párrafo</p>
<p>Uno más</p>
<p>y acabo...</p>
</body>
</html>

No hay comentarios:

Publicar un comentario