Jquery/Versione stampabile Wikibooks, manuali e libri di testo liberi


after() inserisce contenuto dopo l’elemento before()



Scaricare 109.35 Kb.
Pdf recensione
Pagina16/20
03.06.2019
Dimensione del file109.35 Kb.
1   ...   12   13   14   15   16   17   18   19   20
after() inserisce contenuto dopo l’elemento

before() inserisce contenuto prima dell’elemento

wrap() avvolge l'elemento selezionato con gli elementi passati come parametro

Questi metodi possono essere usati sia per inserire del semplice testo, ma anche per aggiungere elementi al

DOM, attraverso tag HTML, codice jQuery, o Javascript.

Ad esempio:



function

 afterText()  {

   

var

 txt1=


""

;   


// elemento creato con HTML

   


var

 txt2=$(


""

).text(


"love "

);   


// con jQuery

   


var

 txt3=


document

.createElement(

"big"

);  


// con Javascript

   txt3.innerHTML=

"jQuery!"

;   


// con DOM

   $(


"img"

).after(txt1,txt2,txt3);

   

// inserisce nuovi elementi dopo img

}

la funzione afterText() crea un blocco HTML e poi lo inserisce con after() dopo l’immagine.



Per rimuovere elementi invece si usano i metodi:

remove() rimuove l'elemento selezionato e i suoi elementi figli. remove() accetta come parametro un

selettore per filtrare ulteriormente la selezione



empty() rimuove gli elementi figli dell'elemento selezionato

unwrap() rimuove l'elemento genitore dell'elemento selezionato



Condividi con i tuoi amici:
1   ...   12   13   14   15   16   17   18   19   20


©astratto.info 2019
invia messaggio

    Pagina principale