Selectores de contenedores e hijos code example

Example: Selectores de contenedores e hijos

//En este ejemplo controlamos los enlaces (etiqueta «a») que están dentro de 
//un párrafo (etiqueta «p»). Es decir, que los enlaces (elemento ‘a’) sean 
//hijos directos de ‘p’. Si hubiese otro elemento/etiqueta como un «div» o «span»
//que contiene al elemento ‘a’ no se controlaría.	
$("p > a")

//En este otro ejemplo estaríamos controlando los enlaces que están dentro de 
//un párrafo que a su vez están en un elemento ‘li’ de una lista con 
//clase = «miclase».
$("ul.miclase li > p > a")

//En el código superior controlamos los enlaces (elemento ‘a’) que son precedidos 
//inmediatamente por el elemento ‘div’, es decir que ‘a’ debe ir justo después 
//de ‘div’ sin que ningún otro elemento se interponga entre ellos.
$("div + a")

//Con el código anterior seleccionamos los enlaces (elemento ‘a’) prececidos por 
//cualquier hermano suyo en un ‘div’.
$("div ~ a")

//Ahora estaríamos seleccionando cualquier elemento del DOM.
$("*")