Wie füge ich ein Ereignis für alle Elemente hinzu, die eine bestimmte Klasse haben?

Question

ich auf alle Elemente auf der Seite der Maus über Ereignis hinzufügen möchten, außer denen der Klasse „no_inspect“ hat,

ich dieses Event hinzufügen möchten, nachdem alle Seitenelemente laden, habe ich versucht, es so zu schreiben:

$('*:not(.no_inspect)').mouseover(MouseOverEvent); 

aber es funktioniert nicht, Nähte etwas verpasst.

UPDATE Problem Mittel:

Die Veranstaltung auf alle Elemente auf der Seite angebracht „haben no_inspect Klasse oder haben nicht“, was nicht das Verhalten ich will.

UPDATE MouseOverEvent Code:

function DIOnMouseOver(evt) { 
    element = evt.target; 

    // set the border around the element 
    element.style.borderWidth = '2px'; 
    element.style.borderStyle = 'solid'; 
    element.style.borderColor = '#f00'; 
} 

Answer 1

Die mouseover Ereignis Blasen versuchen. Versuchen Sie mouseenter stattdessen.

Auch, warum wenden Sie die Stile auf evt.target? Warum nicht "das"?

function DIOnMouseOver(evt) { 
    $(this).css({ 
     border: '2px solid #f00' 
    }); 
} 

Wie Matchu erwähnt (in den Kommentaren), eine andere Art und Weise Ausbreitung zu vermeiden, ist event.stopPropagation() in Ihren Event-Handler zu rufen.

Answer 2

Der Code, den Sie arbeiten geschrieben sollten, sind Sie sicher, dass das Mouseover-Ereignis nicht für ein Element, das die Zündung einer wickelt Sie über sind mousing?

Verwenden Sie die neueste und beste Version von JQuery. Ich weiß, dass ältere Versionen einen Klassen-Bug im Nicht-Selektor hatten.

Sie möchten

$('*').not('.no_inspect').mouseover(MouseOverEvent);