<!DOCTYPE html>
<html>
<head>
<title>Selectores de Jquery</title>
<script type="text/javascript" src='jquery-1.10.2.min.js'></script>
</head>
<script type="text/javascript">
$("document").ready(function(){
//$('li').css('border', '3px solid blue');
//$('.a').css('border', '3px solid blue');
//$('li, .b').css('border', '3px solid blue');
//$('#elementoLista').css('border', '3px solid blue');
$('ul~p').css('border', '3px solid blue');
});
</script>
<style>
.estilo1{
width: 400px;
clear:both;
}
.estilo2{
position:absolute;
left: 150px;
width: 200px;
}
</style>
<body>
<ul>
<li class = 'a' id = 'elementoLista'>Elemento 1</li>
<li class = 'b'>Elemento 2</li>
<li class = 'c'>Elemento 3</li>
</ul>
<p class = "a">Parrafo 1</p>
<p class = "b">Parrafo 2</p>
<p class = "c">Parrafo 3</p>
</body>
</html>
No hay comentarios:
Publicar un comentario