jQuery show() keine Funktion - zum Hinzufügen von DOM-Elementen

Question

Ich migriere von PrototypeJS nach jQuery, und ich habe Probleme mit der Anwendung von Funktionalität auf neue DOM-Elemente in einem einfachen Banner-Skript hinzugefügt.

Grundsätzlich werden beim Laden der Seite neue DIV-Elemente mit append() in das DOM eingefügt, so wie ich es verstehe, so wird es in jQuery im Gegensatz zum Element-Objekt von Prototype gemacht.

Bei der Überprüfung von Firebug wurden die Elemente erfolgreich zum DOM hinzugefügt und sofort ausgeblendet. Dann wird der erste (0) Element zeigen sollte ... aber geben Firebug mir diesen Fehler:

TypeError: $(...).get(...).show is not a function 
http://www.ten103.com/javascript/global_desktop.js 
Line 15 

Ich bin sicher, dass dies etwas ist einfach, wie ich mit Prototype schon seit Jahren, aber müssen sich bewegen zu jQuery weil, naja ... mehr Leute benutzen es, damit die Ressourcen unendlich besser sind.

Gibt es einen grundlegenden Unterschied zwischen den beiden, die ich hier vermisse?

Answer 1

$('.banner_slot').get(0).show(); 

Änderung

$('.banner_slot').eq(0).show(); 

.get() kehrt DOM-Element, während .eq() jQuery Objekt zurückgibt und .show() ist jQuery API.

Weitere Informationen über .get() und .eq() Kasse der jQuery API docs

Answer 2

Sie benötigen

$('.banner_slot').get(0).show(); 

zu

$($('.banner_slot').get(0)).show(); 

Hinweis zu aktualisieren: get() gibt Ihnen ein DOM-Element und show() ist anwendbar auf jQuery-Objekt, daher müssen Sie es in jQuery konvertieren Objekt, um die Funktion zu verwenden.