domingo, 3 de noviembre de 2013

Selectores JQuery

Los selectores en JQuery son la forma de acceder a los elementos de DOM HTML, existen varios por lo que explicare algunos y un ejemplo.

selector: $('div')

Aquí accede a todos los div existentes en el documento.

Ejemplo:

<html>
<head>
<title>dataGuerrero</title>
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script>
$(document).on('ready',function(){
$('div').css({
'background-color':'#000',
});
});
</script>
</head>
<body>
<div>
<article>
<p>Hola Jquery</p>
</article>
</div>
<div>
<article>
<p>Aprendiendo Jquery</p>
</article>
</div>
</body>
</html>

En este ejemplo si se ejecuta lo que ocurrira es que a todos los div del documento se establece el atributo del color de fondo en negro.

No hay comentarios:

Publicar un comentario