È possibile creare markup HTML al volo passando la funzione jQuery una stringa di HTML non elaborato.
È importante notare che durante la creazione di strutture DOM utilizzando la funzione jQuery, solo gli elementi radice nella struttura vengono aggiunti al set di wrapper. Nell'esempio di codice precedente, il Possiamo usare il Dopo aver eseguito l'HTML appena creato, è anche possibile aggiungerlo al DOM utilizzando uno dei metodi di manipolazione di jQuery. Di seguito usiamo il Gli appunti: Elementi semplici che non contengono attributi - ad es. La stringa HTML passata a jQuery non può contenere elementi che potrebbero essere considerati non validi all'interno di a La stringa HTML passata alla funzione jQuery deve essere ben formata. Dovresti aprire e chiudere tutti gli elementi HTML quando passi HTML jQuery. In caso contrario, potrebbero verificarsi errori, principalmente in Internet Explorer. Per sicurezza, chiudi sempre i tuoi elementi HTML ed evita di scrivere scorciatoie HTML - ad es. È possibile determinare l'indice di un elemento nel set wrapper passando quell'elemento al L'uso di Si potrebbe erroneamente supporre che il Usando il JavaScript Odio davvero usare JavaScript. Intendo davvero lo odio! È il miglior tornado di sempre! È inoltre possibile aggiornare qualsiasi carattere contenuto in una stringa restituita da Il Mi piace usare jQuery! io amo veramente usando jQuery! Si noti che quando un elemento nel set di wrapper è un nodo di testo, dobbiamo estrarre il valore usando jQuery mi dà Di Più energia di qualsiasi altro strumento web! Quando usi Il punto qui è solo per te trova()
metodo per operare su qualsiasi elemento nella struttura HTML una volta creato.
appendTo ()
metodo per aggiungere il markup alla pagina.
$ ('')
- sono creati tramite il document.createElement
Metodo DOM, mentre tutti gli altri casi si basano sul innerHTML
proprietà. In effetti, puoi passare direttamente alla funzione jQuery con un elemento creato con document.createElement
-per esempio. $ (Document.createElement ( 'div'))
.$ ()
.
Grokking il metodo index ()
indice()
metodo. Ad esempio, supponiamo di avere un set di wrapper contenente tutto il
indice()
non colpisce davvero casa finché non consideriamo come può essere usato con gli eventi. Ad esempio, facendo clic su Questo
) al indice()
metodo per determinare il clic
Groking il metodo text ()
testo()
metodo restituisce solo il nodo di testo del primo elemento in un set di wrapper. Tuttavia, unirà i nodi di testo di tutti gli elementi contenuti in un set di wrapper e quindi restituirà il valore concatenato come una singola stringa. Assicurati di essere a conoscenza di questa funzionalità o potresti ottenere risultati imprevisti.
Aggiorna o rimuovi caratteri usando un'espressione regolare
sostituire()
metodo combinato con alcune funzionalità jQuery, possiamo facilmente aggiornare o rimuovere qualsiasi modello di caratteri dal testo contenuto all'interno di un elemento.
html ()
. Ciò significa che non puoi solo aggiornare il testo, ma anche aggiornare e sostituire elementi DOM tramite un'espressione regolare.
Groking il metodo .contents ()
.contenuto()
il metodo può essere utilizzato per trovare tutti i nodi elemento figlio, inclusi i nodi di testo contenuti all'interno di un elemento. Tuttavia, c'è un problema. Se i contenuti recuperati contengono solo nodi di testo, la selezione verrà inserita all'interno del set di wrapper come nodo di un singolo testo. Tuttavia, se i contenuti che si stanno recuperando hanno uno o più nodi elemento tra i nodi di testo, allora il .contenuto()
il metodo conterrà nodi di testo e nodi di elementi. Esaminare il codice qui sotto per comprendere questo concetto.
.ottenere (0) .nodeValue
. Il contenuto()
il metodo è utile per estrarre i valori del nodo di testo. È possibile estrarre solo i nodi di testo da una struttura DOM utilizzando contenuto()
.
L'uso di remove () non rimuove gli elementi dal set wrapper
rimuovere()
, uno snippet DOM dal DOM gli elementi contenuti nella struttura DOM rimossa sono ancora contenuti nel set di wrapper. È possibile rimuovere un elemento, operare su quell'elemento e quindi posizionarlo di nuovo nel DOM, il tutto all'interno di una singola catena jQuery.
rimuovere()
elementi non significa che siano stati rimossi dal set di wrapper jQuery.