Como posso detectar se um seletor retorna nulo?

Qual é a melhor maneira de detectar se um seletor de jQuery retorna um objeto vazio. Se você fizer:

alert($('#notAnElement'));

você obtém [objeto Objeto], então a forma como faço agora é:

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

que escreverá "indefinido" e você poderá verificar isso. Mas parece muito ruim. Que outro caminho existe?

Meu favorito é estender o jQuery com essa pequena conveniência:

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

Usado como:

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

Mais explícito do que usar comprimento.

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

O seletor retorna uma matriz de objetos jQuery. Se nenhum elemento correspondente for encontrado, ele retornará uma matriz vazia. Você pode verificar a .lengthcoleção retornada pelo seletor ou verificar se o primeiro elemento da matriz é 'indefinido'.

Você pode usar qualquer um dos seguintes exemplos dentro de uma instrução IF e todos eles produzem o mesmo resultado. Verdadeiro, se o seletor encontrou um elemento correspondente, falso caso contrário.

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

Eu gosto de fazer algo assim:

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

Então você pode fazer algo assim:

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/

Eu gosto de usar presence, inspirado no Ruby on Rails :

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

Seu exemplo se torna:

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

Acho que é superior ao proposto $.fn.existsporque você ainda pode usar operadores booleanos ou if, mas o resultado verdadeiro é mais útil. Outro exemplo:

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

Minha preferência, e eu não tenho idéia por que isso ainda não está no jQuery:

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

Usado assim:

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

Ou, como parece no CoffeeScript:

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

Isso está na documentação do JQuery:

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

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

Você pode fazer isso o tempo todo por padrão. Eu tenho lutado para quebrar a função jquery ou o método jquery.fn.init para fazer isso sem erros, mas você pode fazer uma alteração simples na fonte do jquery para fazer isso. Estão incluídas algumas linhas circundantes que você pode pesquisar. Eu recomendo procurar na fonte jquery porThe 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, mas não menos importante, você pode obter o código fonte do jquery não compactado aqui: http://code.jquery.com/