ejemplos de uso de diferentes selectores con jquery

ejemplos de uso de diferentes selectores con jquery

ejemplos del uso de diferentes selectores con jquery

los selectores son una de las partes más importantes de la librería de jQuery, son los que nos permiten seleccionar elementos de nuestra página para poder realizar acciones sobre ellos.

tenemos diferentes selectores y los utilizaremos dependiendo de a quién le queremos aplicar una acción

$("*").hide();

con el asterisco seleccionas todos los elementos de la página

$("this").hide();

con this seleccionas el elemento actual

$("p.producto").hide();

seleccionas todos los elementos parrafo de la página con la clase .producto

$("p:first").hide();

seleccionas solo el primer  parrafo de la página

$("ul li:first").hide();

seleccionar el primer elemento el <li> del primer grupo <ul>

$("ul li:first-child").hide();

seleccionar el primer elemento el <li> de cada grupo <ul>

$("[href]").hide();

todos los elementos con el atributo href

$("a[target='_blank']").hide();

todos los elementos <a> con el atributo target igual a _blank

$("a[target!='_blank']']").hide();

todos los elementos <a> con el atributo target NO sea igual a _blank

como puedes ver por medio del selector tenemos muchas formas de seleccionar los elementos de nuestra página web