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>
No hay comentarios:
Publicar un comentario