Custom selectors | seletores customizados | jQuery

Com jQuery é muito fácil fazer seleções de elementos através de seletores css, mais com jQuery não para por ai.

Você pode criar seus próprios seletores. Tenha seu seletor customizado (Custom selector).

Como?????

$.expr[':'].novoseletor = function(obj, index, meta, stack){
    // obj - é o elemento DOM
    // index - o index do loop no stack
    // meta - meta data sobre seu seletor
    // stack - stack de todos os elementos do loop

    // Return true para incluir o elemento em questão
    // Return false para excluir o elemento em questão
};

// Uso:
$('.algumaClasse:novoseletor').fazAlgo();

Exemplo!!!!

$.expr[':'].comRel = function(obj){
  var $this = $(obj);
  return ($this.attr('rel') != '');
};

// Uso
$('a:comRel').css('background-color', '#c0c0c0');

Este é um link com rel, então o fundo deveria ficar em cinza