das mit der index-Methode stimmt nicht ganz. Die index-Methode schaut an welcher Stelle innerhalb einer Auswahl von Elementen ein bestimmtes Element vorkommt. Dies ist sehr sinnvoll, wenn man zum Beispiel das Highlighting für eine Pagination macht und den agezeigten Teaser kennt ($(’#mypagination li:eq(‘$(’#current-teaser’).index()’)’).addClass(‘current’);) oder (‘Teaser ’+String($(’#current-teaser’).index() + 1)+’ von ’$(’#teasers’).length).

Wenn man wissen möchte, ob ein Element überhaupt vorkommt, ist die Methode zwar schnell geschrieben, aber extrem ineffizient:
if($(’*’).index(’#foo’) != -1){
//tu was
}
Dieser Code sagt folgendes: Hole dir – egal ob du #foo findest – erstmal alle elemente im dokument, hole dir nun #foo und gebe #foo eine eindeutige id. danach gehe bitte alle elemente durch und sage mir an wievielter stelle #foo dort vorkommt.

und was macht der scripter in dem beispiel mit dieser aufwendig berechneten information? nichts. er wollte nur wissen, ob foo im dokument vorkommt… (if($(’#foo’)[0]){})

mehr zum thema ineffizienter jquery-code: http://www.protofunc.com/2008/07/27/ineffizienter-jquery-code/

P.S.: Leider wurde der Beispiel-Code etwas umformatiert, so dass er nicht lauffähig ist, aber es dürfte klar sein, was ich meinte.

$( ’#meinDiv’ ).found(function(){ // beliebiges javascript }

eleganter sein soll als ein einfaches

if($( ’#meinDiv’ ).length) { // beliebiges javascript }
– es muss eine zusätzliche funktion definiert werden – jeder funktionsaufruf ist ein zusätzlicher indirektionsschritt – es ist länger!

einen vorteil bietet meiner meinung nach allein alexanders verbesserungsvorschlag, weil hier innerhalb des blocks direkt mit this auf das überprüfte objekt zugrtriffen werden kann.

so, das solls jetzt aber gewesen sein. jQuery rockt!

$( ’#meinDiv’ ).css( ‘backgroundColor’, ’#F00’ ).text( ‘foo’ ).hide().slideIn( 500 );

Ansonsten wird in der vorgeschlagenen $.fn.found auch nichts anderes gemacht, als die length-eigenschaft zu prüfen. eine einfache if-abfrage (mein zweites beispiel) reicht aber vollkommen aus. warum sollte dafür eine eigene funktion definiert werden?

@Alexander: Danke für deinen Vorschlag.

Hm, vielleicht ist jQuery nicht zu einfach, sondern ihr denkt zu kompliziert? Oder versteh ich das Problem nicht?

Alles, was in einem $(document).ready() {} Block steht, kann unmittelbar ausgeführt werden.

$( ’#meinDiv’ ).jQueryFunktion(“bla”, “blubb”);

#meinDiv muss in diesem Fall nicht mit einem Ereignis verknüpft werden.

Alle jQuery-Funktionen “arbeiten” auch auf dem leeren jQuery-Objekt. Wenn #meinDiv nicht im DOM existiert, gibts somit keinen Fehler, sondern es passiert einfach gar nichts.

Oder gehts darum, in Abhängigkeit von der Existenz eines DOM-Elements nicht-jQuery-Funktionalität auszuführen? In dem Fall reicht ein einfache Bedingung, die die length-Eigenschaft des jQuery-Objekts prüft:

if($( ’#meinDiv’ ).length) {}

1. dein this ist bereits das jQuery-Objekt. Du musst also nicht erst eines mit $(this) erstellen. (Es ändert sich dadurch nicht wirklich, sondern kostet nur).

2. Zahlen, die nicht 0 sind, werden in JS bei Kontrollstrukturen automatisch in true umgewandelt, 0 dagegen in false. Du kannst dir also den Vergleichsoerator sparen.

3. Wenn du jQuery schon das DOM durchsuchen lässt, wäre es schön, wenn man dann in der übergebenen Funktion Zugriff auf die Elemente hat. Hier könnte man mit der Methode call arbeiten:

Verbesserungsvorschlag:
$.fn.found = function(myFunction) {
if(this.length) {
myFunction.call(this);
}
};

Grüsse
alex