jQuery prüft, ob ein Element auf der Seite vorhanden ist

Ich habe kürzlich an einem Projekt gearbeitet und es gibt eine Funktion, mit der ich mit jQuery überprüfen kann, ob ein bestimmtes Element auf der Webseite vorhanden ist. Dies kann Freunden helfen, die den Artikel lesen.

Wenn Sie jQuery verwenden, um zu überprüfen, ob ein Element auf einer Webseite vorhanden ist, sollten Sie anhand der Länge des erhaltenen Elements beurteilen. Der Code lautet wie folgt:

if($("#tt").length > 0) {
  //元素存在时执行的代码
}

Die spezifischen Gründe sind wie folgt:

Wenn wir in JavaScript die traditionellen Elemente getElementById() und getElementsByTagName() verwenden und die relevanten Elemente nicht auf der Webseite gefunden werden, Der Browser meldet einen Fehler, der sich auf die nachfolgende Codeausführung auswirkt. Um also Browserfehler zu vermeiden, können Sie die Elemente beurteilen, zum Beispiel:

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

Wenn viele Elemente bedient werden müssen, sind viele Wiederholungen erforderlich, die oft ermüdend sind. Einer der Vorteile von jQuery ist sein vollständiger Verarbeitungsmechanismus. Selbst wenn jQuery zum Abrufen von Elementen verwendet wird, die nicht auf der Webseite vorhanden sind, wird kein Fehler gemeldet. Dies liegt daran, dass $("#tt") immer ein Objekt erhält, auch wenn kein solches Element auf der Webseite vorhanden ist. Wenn Sie jQuery verwenden möchten, um zu überprüfen, ob ein Element auf der Webseite vorhanden ist, können Sie daher nicht den folgenden Code verwenden:

if($("#tt")) {
  //永远执行，不管元素是否存在
}

Um festzustellen, ob das Element auf der Seite vorhanden ist.