Il metodo not() sul selettore jquery non funziona

Question

Sto cercando di ottenere un evento click da attivare se si fa clic sul documento, a meno che non ci sia un clic su un div che ho con un certo nome di classe.

Ho provato quanto segue ma l'evento non si attiva.

$(document).not(".class").click(function(){ 
     //code 
}); 

$(document).not("div.class").click(function(){ 
     //code 
}); 

$("body").not(".class").click(function(){ 
     //code 
}); 

Qualcuno sa cosa sto facendo male?

Grazie

* Aggiornamento

ho provato il seguente

$(document).on("click", ":not(.class)", function(){ 

$('*:not(.class)',document).click(function(){ 

$(document).find(':not(.class)').click(function(){ 

$("body:not(.thisclass)").doAction(); 

Ma non sta dando alcuna distinzione al div con .class che sto cercando di escludere. L'evento si attiva con qualsiasi clic sul documento.

Ecco il div dal mio html

<div class="pictureBox" id="pictureBox2"> <!--content--></div> 

Answer 1

Si sta collegando il gestore di clic a document stesso, quindi verrà sempre attivato (a meno che non venga gestito da un altro gestore).

Che cosa si dovrebbe fare, invece è utilizzare il delegated forma di .on:

$(document).on("click", ":not(.class)", function(){ 
     //code 
}); 

Questa attacca ancora il gestore di eventi su document, ma questo gestore risponde solo ai clic la cui fonte partite il selettore :not(.class): quando gli eventi bubble up a document jQuery invoca il gestore solo se la sorgente corrisponde al selettore.

Answer 2

Il problema è che il selettore cerca di indirizzare sia un document o bodysenza classe class non un elemento class al suo interno, si può provare qualcosa di simile:

$('*:not(.class)',document).click(function(){ 

Oppure:

$(document).find(':not(.class)').click(function(){ 

Answer 3

Utilizzare :not selector.

$("body:not(#thisid)").doAction(); 

$("body:not(#thisid.thisclass)").doAction(); 

$("body:not(.thisclass)").doAction();