Vérifier si un div existe avec jquery

Question

Oui, je sais que cette question a été posée à plusieurs reprises. Mais, elle me perturbe, car les résultats sur google pour cette recherche montrent différentes méthodes (listées ci-dessous)

$(document).ready(function() {
    if ($('#DivID').length){
        alert('Found with Length');
    }

    if ($('#DivID').length > 0 ) {
        alert('Found with Length bigger then Zero');
    }

    if ($('#DivID') != null ) {
        alert('Found with Not Null');
    }
});

Laquelle de ces trois méthodes est la bonne pour vérifier si la division existe ?

EDIT : C'est dommage de voir que les gens ne veulent pas apprendre quelle est la meilleure approche parmi les trois méthodes différentes. Cette question n'est pas vraiment sur "Comment vérifier si un div existe" mais c'est sur quelle méthode est la meilleure, et, si quelqu'un peut expliquer, pourquoi elle est meilleure ?

Answer 1

Le premier est le plus concis, j'irais avec ça. Les deux premières sont identiques, mais la première est juste un peu plus courte, ce qui vous permet d'économiser des octets. La troisième est tout simplement fausse, car cette condition sera toujours évaluée comme vraie parce que l'objet sera nunca être null ou falsy d'ailleurs.

Answer 2

Si vous vérifiez simplement l'existence d'un identifiant, il n'est pas nécessaire d'entrer dans le système d'information. jQuery vous pourriez simplement :

if(document.getElementById("yourid") !== null)
{
}

getElementById renvoie à null s'il ne peut pas être trouvé.

Référence .

Si toutefois vous prévoyez d'utiliser le jQuery un objet plus tard, je dirais :

$(document).ready(function() {
    var $myDiv = $('#DivID');

    if ( $myDiv.length){
        //you can now reuse  $myDiv here, without having to select it again.
    }

});

Un sélecteur renvoie toujours un jQuery donc il ne devrait pas être nécessaire de vérifier la présence de l'objet null (Je serais intéressé de savoir s'il existe un cas limite où il faut vérifier pour null - mais je ne pense pas qu'il y en ait).

Si le sélecteur ne trouve rien, alors length === 0 qui est "falsy" (lorsqu'il est converti en bool, il est faux). Ainsi, s'il trouve quelque chose, cela devrait être "vrai" - il n'est donc pas nécessaire de vérifier si > 0, mais seulement si c'est "vrai".

Answer 3

Comme l'a mentionné karim79, la première est la plus concise. Cependant, je pourrais argumenter que la seconde est plus compréhensible car il n'est pas évident/connu de certains programmeurs Javascript/jQuery que les valeurs non-zéro/faux sont évaluées à true dans les déclarations if. Et pour cette raison, la troisième méthode est incorrecte.