jqueryは要素が存在するかどうかを調べます

要素が存在するかどうかを確認するための Jquery メソッド: 最初にフロントエンド サンプル ファイルを作成し、次に "if($("#someID").length>0 ) {$("#someID") を渡します。 text(" hi");}" メソッドを使用して、要素が存在するかどうかを確認できます。

このチュートリアルのデモ環境: Windows7 システム、jquery1.2.6 バージョン、Dell G3 コンピューター。

推奨: jQuery ビデオ チュートリアル

jquery は要素が存在するかどうかを判断します

従来の Javascriptここで、ページ要素に対して何らかの操作を実行する前に、まず要素が存在するかどうかを確認することが最善です。その理由は、存在しない要素に対する操作は許可されていないためです。例:

document.getElementById("someID").innerText("hi");

ID「someID」の要素が存在しない場合、JavaScript 実行エラーが発生します: document.getElementById("someID") is null

正しい書き方

obj = document.getElementById("someID");
if (obj){
  obj.innerText("hi");
}

では、jQuery では、ページ要素が存在するかどうかをどのように判断するのでしょうか?上記の従来の Javascript 記述方法を参照すると、最初に次のような方法が思い浮かぶはずです。

if ($("#someID")){
  $("#someID").text("hi");
}

しかし、これは間違いです。 jQuery オブジェクトには常に戻り値があるため、$("someID") は常に TRUE となり、IF ステートメントは判断の役割を果たしません。正しい書き方は次のとおりです:

if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}

注: 実際には、jQuery 内でページ要素が存在するかどうかを判断する必要はありません。jQuery 自体は、存在しない要素の操作を無視し、エラーを報告します。

以上がjqueryは要素が存在するかどうかを調べますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。