jQueryはページインスタンスコードに要素が存在するかどうかをチェックします

最近、あるプロジェクトに取り組んでいたのですが、jQuery を使用して Web ページ上に特定の要素が存在するかどうかを確認する機能がありました。記事を読んでいる友人に役立つかもしれません。

jQueryを使用してWebページ上に要素が存在するかどうかを確認する場合、取得した要素の長さで判断する必要があります。 コードは次のとおりです。

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

具体的な理由は次のとおりです。 JavaScript では、Web ページ内で関連する要素が見つからない場合、ブラウザはエラーを報告し、後続のコードの実行に影響を与えることを回避するために、従来の getElementById() と getElementsByTagName() を使用しています。ブラウザのエラーでは、要素を判断できます。例:

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

操作する要素が多い場合、繰り返しの作業が多くなり、疲れることがよくあります。 jQuery の利点の 1 つは、その完全な処理メカニズムです。jQuery を使用して Web ページに存在しない要素を取得した場合でも、エラーは報告されません。これは、Web ページ上にそのような要素が存在しない場合でも、$("#tt") は常にオブジェクトを取得するためです。そのため、jQueryを使ってWebページ上に要素が存在するかどうかを確認したい場合、以下のコードは使用できません:

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

このため、ページ上に要素が存在するかどうかを、その要素に基づいて判断する必要があります。長さ。