Come posso rilevare se un selettore restituisce null?

Qual è il modo migliore per rilevare se un selettore jQuery restituisce un oggetto vuoto. Se fate:

alert($('#notAnElement'));

ottieni [oggetto oggetto], quindi il modo in cui lo faccio ora è:

alert($('#notAnElement').get(0));

che scriverà "indefinito", e quindi puoi fare un controllo per quello. Ma sembra molto male. Quale altro modo c'è?

Il mio preferito è estendere jQuery con questa piccola comodità:

$.fn.exists = function () {
    return this.length !== 0;
}

Usato come:

$("#notAnElement").exists();

Più esplicito rispetto all'utilizzo della lunghezza.

if ( $("#anid").length ) {
  alert("element(s) found")
} 
else {
  alert("nothing found")
}

Il selettore restituisce una matrice di oggetti jQuery. Se non viene trovato alcun elemento corrispondente, restituisce un array vuoto. È possibile controllare la .lengthraccolta restituita dal selettore o verificare se il primo elemento dell'array è "non definito".

È possibile utilizzare uno qualsiasi dei seguenti esempi all'interno di un'istruzione IF e tutti producono lo stesso risultato. Vero, se il selettore ha trovato un elemento corrispondente, falso altrimenti.

$('#notAnElement').length > 0
$('#notAnElement').get(0) !== undefined
$('#notAnElement')[0] !== undefined

Mi piace fare qualcosa del genere:

$.fn.exists = function(){
    return this.length > 0 ? this : false;
}

Quindi puoi fare qualcosa del genere:

var firstExistingElement = 
    $('#iDontExist').exists() ||      //<-returns false;
    $('#iExist').exists() ||          //<-gets assigned to the variable 
    $('#iExistAsWell').exists();      //<-never runs

firstExistingElement.doSomething();   //<-executes on #iExist

http://jsfiddle.net/vhbSG/

Mi piace usare presence, ispirato a Ruby on Rails :

$.fn.presence = function () {
    return this.length !== 0 && this;
}

Il tuo esempio diventa:

alert($('#notAnElement').presence() || "No object found");

Lo trovo superiore a quello proposto $.fn.existsperché è ancora possibile utilizzare operatori booleani o if, ma il risultato è più utile. Un altro esempio:

$ul = $elem.find('ul').presence() || $('<ul class="foo">').appendTo($elem)
$ul.append('...')

Le mie preferenze e non ho idea del perché questo non sia già in jQuery:

$.fn.orElse = function(elseFunction) {
  if (!this.length) {
    elseFunction();
  }
};

Usato così:

$('#notAnElement').each(function () {
  alert("Wrong, it is an element")
}).orElse(function() {
  alert("Yup, it's not an element")
});

Oppure, come appare in CoffeeScript:

$('#notAnElement').each ->
  alert "Wrong, it is an element"; return
.orElse ->
  alert "Yup, it's not an element"

Questo è nella documentazione di JQuery:

http://learn.jquery.com/using-jquery-core/faq/how-do-i-test-whether-an-element-exists/

  alert( $( "#notAnElement" ).length ? 'Not null' : 'Null' );

Si consiglia di farlo sempre per impostazione predefinita. Ho faticato a racchiudere la funzione jquery o il metodo jquery.fn.init per farlo senza errori, ma puoi fare una semplice modifica alla fonte jquery per farlo. Sono incluse alcune linee circostanti che puoi cercare. Consiglio di cercare la fonte jquery perThe jQuery object is actually just the init constructor 'enhanced'

var
  version = "3.3.1",

  // Define a local copy of jQuery
  jQuery = function( selector, context ) {

    // The jQuery object is actually just the init constructor 'enhanced'
    // Need init if jQuery is called (just allow error to be thrown if not included)
    var result = new jQuery.fn.init( selector, context );
    if ( result.length === 0 ) {
      if (window.console && console.warn && context !== 'failsafe') {
        if (selector != null) {
          console.warn(
            new Error('$(\''+selector+'\') selected nothing. Do $(sel, "failsafe") to silence warning. Context:'+context)
          );
        }
      }
    }
    return result;
  },

  // Support: Android <=4.0 only
  // Make sure we trim BOM and NBSP
  rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;

jQuery.fn = jQuery.prototype = {

Ultimo ma non meno importante, puoi ottenere il codice sorgente jquery non compresso qui: http://code.jquery.com/