mwi*_*rek 6 javascript jquery dom
我正在从PrototypeJS迁移到jQuery,并且我在将功能应用于添加到简单横幅脚本中的新DOM元素时遇到了问题.
基本上,在页面加载时,使用append()将新的DIV元素放入DOM中,据我所知,这是在jQuery中完成的,而不是Prototype的Element对象.
$.each(Banner.data, function(i, e) {
$('#banner_area').append("<div class='banner_slot' id='bannner-"+ i +"'>...[nested elements]</div>").hide();
});
$('.banner_slot').get(0).show();
Run Code Online (Sandbox Code Playgroud)
检查Firebug后,元素已成功添加到DOM中,并立即隐藏.然后第一个(0)元素应该显示...但是,Firebug给我这个错误:
TypeError: $(...).get(...).show is not a function
http://www.ten103.com/javascript/global_desktop.js
Line 15
Run Code Online (Sandbox Code Playgroud)
我确信这很简单,因为我多年来一直在使用Prototype,但需要转向jQuery,因为......更多的人使用它,所以资源无限好.
我在这里缺少两个根本区别吗?
$('.banner_slot').get(0).show();
Run Code Online (Sandbox Code Playgroud)
改成
$('.banner_slot').eq(0).show();
Run Code Online (Sandbox Code Playgroud)
.get()
返回DOM元素,同时.eq()
返回jQuery对象,.show()
是jQuery API.
有关jQuery API文档的详细信息.get()
和.eq()
检查结果