Documentazione di Jquery

Premessa

Questo post nasce come una specie di appunti personali per quanto riguarda il mio studio della libreria JQuery.

Siccome mi sono reso conto che non esiste una documentazione in lingua italiana di tutte le api, ma solamente dei tutorial sparsi, ho deciso di condividere questi appunti.

Il post è in costante aggiornamento, perciò se volete usare questa documentazione da qualche parte siete pregati di linkare questo post come documento originale, grazie :)

Gestione del Css

css(stringa nomeproprieta)
Restituisce una stringa che corrisponde del valore css (nomeproprieta) del primo elemento matchato.

Questo è un paragrafo

$("#span1").css("color"); //restituisce black

css(mappa parametri)
Imposta il valore css su tutti elementi in base alla mappa parametri trasmessa

//Imposta il colore rosso e grassetto su tutti span presenti nella pagina
$("span").css("{color:red, font-weight:bold}")

css(parametro,valore)
Imposta una sola proprietà di tutti elementi

$("span").css("color", "red");

height()
Ritrova altezza in pixel del primo elemento

$("span1").height();

height(stringa|intero)
Imposta altezza di tutti elementi. Se non specificato “em”, “%”, etc viene utilizzato “px”.

$("span").height("20 em");
$("p").height(20); //20px

width(), width(stringa|intero)
Si comportano allo stesso modo delle funzioni height() agendo sulla lunghezza invece che sulla larghezza

Dom – Attributi

addClass(nomeclasse)
Aggiunge la classe specificata ad ogni elemento. Se elemento aveva già una classe associata, la seconda classe viene sommata alla prima.

Span

//lo span di sopra diventa Span
$("#span1").addClass("span_sottolineato");

removeClass(nomeclasse)
Rimuove la classe specificata ad ogni elemento.

Span

//lo span di sopra diventa Span
$("#span1").removeClass("span_sottolineato");

attr(proprietà)
Restituisce il valore della proprietà specificata del primo elemento

Span

$("#span1").attr("class");//restituisce "miaclasse"

attr(mappa valori)
Imposta gli attributi con i valori specificati di tutti elementi

$("img").attr({ src: "prova.png", alt: "Questa è un immagine" });

attr(attributo, valore)
Imposta il valore dell’attributo di tutti elementi.

$("img").attr("alt", "Questa è un immagine");

attr(attributo, funzione)
Funzionamento simile al precedente punto, con la differenza che il valore da settare è dato da una funzione.

$("img").attr("title", function() { return this.src });

diventa

removeAttr(nomeattributo)
Rimuove un attributo da tutti elementi.

//rimuove "alt" a tutte le immagini presenti nel documento
$("img").html("alt");

html()
Restituisce il contenuto html del primo elemento. Questa proprietà non funziona in documenti XML

Testo

$("#span1").html();

Restituisce

Testo

html(mess)
Imposta il contenuto html di tutti elementi (funzione inversa del metodo precedente)

$("#span1").html("Nuovo Testo");

text()
Simile al funzionamento a .html(), però restituisce solamente il testo contenuto nel primo elemento.

Testo

 Paragrafo

$("#span1").text();

Restituisce

Testo Paragrafo

text(mess)
Imposta il contenuto testuale di tutti elementi (funzione inversa del metodo precedente)

Testo

 Paragrafo

$("span").text("Nuovo testo");

<b>Nuovo</b> testo

toggleClass(nomeclasse)
Esegue addClass(nomeclasse) se elemento non ha questa classe associata, altrimenti esegue removeClass(nomelcasse)

 $("p").toggleClass("riga_pari")

val()
Restituisce il valore del primo elemento. Da usare con attenzione se si tratta dei checkbox, oppure dei select con valori multipli.

$("#input1").val();

val(valore)
Imposta il valore del primo elemento.

$("#input1").val("blog.alekc.org");

diventa

DOM – Manipulazione

———
after(html)
Aggiunge il codice html dopo tutti elementi selezionati

$("div").after("Parte aggiunta");

Prima della modifica

Testo

Blabla

Dopo la modifica

Testo

Parte aggiunta

Blabla

Related posts:

1. Determinare le dimensioni vere di un immagine con jquery
2. Centrare un elemento sullo schermo con ausilio di JQuery
3. Cancellare automaticamente tutti i file temporanei di FF