Manuale jQuery

I selettori jQuery sono utilizzati per individuare gli elementi in una pagina HTML. La sintassi è la seguente:

$(selector)

Vediamo nel dettaglio i più importanti

Selettore di elementi

Seleziona degli elementi basandosi sul nome del tag
Ad esempio per selezionare i tag h1 di una pagina possiamo usare

$("h1") 

Esempio

Creiamo una funzione che nasconde i tag h1 al click di un pulsante.

$(document).ready(function(){
	$("#pulsanteNascondi").click(function(){
		$("h1").hide();
	});
}); 

Selettore .class

Consente di raggiungere gli elementi tramite la classe CSS, è opportuno usarlo quando si vuole agire su tutti gli elementi che hanno una determinata classe SCC. La sintassi è la seguente

$(".classeElemento")

Esempio

Creiamo una funzione che al click su un pulsante nasconde tutti glie elementi con classe CSS uguale a “classeDaNascondere”

$(document).ready(function(){
	$("#pulsanteNascondi").click(function(){
		$(".classeDaNascondere").hide();
	});
}); 

Selettore #id

Consente di raggiungere gli elementi tramite il loro id, è opportuno usarlo quando si vuole agire su un singolo elemento. La sintassi è la seguente

$("#idElemento")

Esempio

Creiamo una funzione che al click su un pulsante nasconde l’elemento con id = “elementoDaNascondere”

$(document).ready(function(){
	$("#pulsanteNascondi").click(function(){
		$("#elementoDaNascondere  ").hide();
	});
  }); 

Reference dei selettori jQuery