domingo, 10 de noviembre de 2013

Como incluir nuevos selectores con el método add de Jquery


Bienvenid@s, en esta ocasión vamos a ver un método Jquery llamado add que permite la inclusión de nuevos selectores, por ejemplo, imagina que tienes que cambiar el color de fondo de todos los elementos div y p, podrías hacerlo como se hace habitualmente, es decir, ...

 $("div, p").css({background: "red"});, 

Con add puedes hacerlo de la siguiente forma ...  

$("div").add("p").css({background: "red"});

Ambas formas de trabajar son idénticas.

En el siguiente ejemplo se cambiarán las propiedades CSS de un "div" y de los elementos "p" e "i" a través del método add() ...

<!DOCTYPE html>
<html>
<head>
<title>Como incluir nuevos selectores con el método add de Jquery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(function(){
$("div").add("p").add("i").css({background: "red"});
});
</script>
</head>
<body>
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<p>Elemento párrafo</p>
<i>Elemento italic</i>
</body>
</html>