¿Cómo puedo detectar si un selector devuelve nulo?

¿Cuál es la mejor manera de detectar si un jQuery-selector devuelve un objeto vacío? Si lo haces:

alert($('#notAnElement'));

obtienes [Object Object], así que la forma en que lo hago ahora es:

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

que escribirá "indefinido", por lo que puede hacer una comprobación para eso. Pero parece muy malo. ¿Qué otra forma hay?

Mi favorito es extender jQuery con esta pequeña comodidad:

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

Usado como:

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

Más explícito que usar longitud.

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

El selector devuelve una matriz de objetos jQuery. Si no se encuentran elementos coincidentes, devuelve una matriz vacía. Puede verificar la .lengthcolección devuelta por el selector o verificar si el primer elemento de la matriz está 'indefinido'.

Puede usar cualquiera de los siguientes ejemplos dentro de una instrucción IF y todos producen el mismo resultado. Es cierto que si el selector encuentra un elemento coincidente, falso en caso contrario.

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

Me gusta hacer algo como esto:

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

Entonces puedes hacer algo como esto:

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/

Me gusta usar presence, inspirado en Ruby on Rails :

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

Tu ejemplo se convierte en:

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

Me parece superior a la propuesta $.fn.existsporque todavía puede usar operadores booleanos o if, pero el resultado verdadero es más útil. Otro ejemplo:

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

Mi preferencia, y no tengo idea de por qué esto no está ya en jQuery:

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

Usado así:

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

O, como se ve en CoffeeScript:

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

Esto está en la documentación de JQuery:

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

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

Es posible que desee hacer esto todo el tiempo de forma predeterminada. He estado luchando por ajustar la función jquery o el método jquery.fn.init para hacer esto sin error, pero puede hacer un cambio simple en la fuente jquery para hacer esto. Se incluyen algunas líneas circundantes que puede buscar. Recomiendo buscar fuente jquery paraThe 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 = {

Por último, pero no menos importante, puede obtener el código fuente de jquery sin comprimir aquí: http://code.jquery.com/