jQueryページにインスタンスコードがあるかどうかを確認

1049 ワード

最近プロジェクトをしていて、jQueryである要素がウェブページに存在するかどうかをチェックする機能があります.ここに記録すると、文章を読んでいる友达を助けることができるかもしれません.
jQueryである要素がウェブページ上に存在するかどうかをチェックする場合、取得要素の長さによって判断すべきで、コードは以下の通りである.

if($("#tt").length > 0) {
  //          
}  

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

if(document.getElementById("tt")) {//js        
  document.getElementById("tt").style.color = "red";
}

操作する要素が多い場合は、多くの作業を繰り返す必要があります.これは往々にして飽きさせます.jQueryの大きな利点は、jQueryを使用してWebページに存在しない要素を取得してもエラーを報告しない完全な処理メカニズムです.これは、ページにこの要素がなくても、$(「#tt」)が取得したオブジェクトが常にオブジェクトであるためです.したがって、jQueryで要素がWebページに存在するかどうかを確認する場合は、次のコードは使用できません.

if($("#tt")) {
  //    ,        
}

これは、要素の長さに基づいて、要素がページに存在するかどうかを判断する理由です.
読書に感謝して、みんなを助けることができることを望んで、みんなの当駅に対する支持に感謝します!