javascript - jQuery show() not a function - used in adding DOM elements -

i migrating prototypejs jquery, , i'm having issues applying functionality new dom elements added simple banner script.

basically, on page load, new div elements being placed dom using append(), understand, how it's done in jquery opposed prototype's element object.

$.each(banner.data, function(i, e) {   $('#banner_area').append("<div class='banner_slot' id='bannner-"+ +"'>...[nested elements]</div>").hide();     }); $('.banner_slot').get(0).show(); 

upon checking firebug, elements have been added dom, , hidden. first (0) element should show... however, firebug give me error:

typeerror: $(...).get(...).show not function http://www.ten103.com/javascript/global_desktop.js line 15 

i'm sure simple, i've been using prototype years, need move jquery because, well... more people use resources infinitely better.

is there fundamental difference between 2 i'm missing here?

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

change

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

.get() returns dom element while .eq() returns jquery object , .show() jquery api.

for more information .get() , .eq() checkout jquery api docs