Codice per verificare l'esistenza di un'istanza di un elemento sulla pagina utilizzando jQuery

　　　 Ultimamente sto lavorando su un progetto e ho avuto bisogno di verificare l'esistenza di un elemento nella pagina utilizzando jQuery, qui lo registro, forse può aiutare chi legge l'articolo.

　Quando si verifica l'esistenza di un elemento nella pagina utilizzando jQuery, si dovrebbe basarsi sulla lunghezza dell'elemento, come nel codice seguente:

if($("#tt").length > 0) {
  //Codice eseguito quando l'elemento esiste
}  

La ragione specifica è la seguente:

　　　　　　　　 In JavaScript, quando utilizziamo getElementById() e getElementsByTagName(), se non troviamo l'elemento correlato nella pagina, il browser segnala un errore, influenzando l'esecuzione del codice successivo, quindi per evitare che il browser segnali errori, possiamo verificare l'esistenza dell'elemento, ad esempio:

if(document.getElementById("tt")) {//js判断元素是否存在
  document.getElementById("tt").style.color = "red";
}

　　Se ci sono molti elementi da gestire, c'è bisogno di molte operazioni ripetitive, il che spesso è stancante. Uno dei principali vantaggi di jQuery è il suo meccanismo di gestione perfetto, poiché jQuery non segnala errori anche se l'elemento non esiste nella pagina. Questo perché $("#tt") restituisce sempre un oggetto, anche se l'elemento non è presente nella pagina. Pertanto, quando si deve verificare l'esistenza di un elemento nella pagina utilizzando jQuery, non si dovrebbe utilizzare il seguente codice:

if($("#tt")) {
  //Eseguito sempre, indipendentemente dall'esistenza dell'elemento
}

　　Ecco perché è necessario determinare l'esistenza di un elemento nella pagina in base alla sua lunghezza.

　　　　　　　Grazie per aver letto, spero che possa aiutare tutti, grazie per il supporto al nostro sito!