用原生Js封装一个组件(特别是移动端)的通用思路是如何做？_course

定义？ 封装？ 使用？ 扩展？

JS中封装对象里的事件函数调用内部函数不执行 请高手指点_course

imgDbClick: function(){ clearTimeout(clickTimeId); var tb = this.getElementsByClassName('thumbnail')[0]; var imginfo=imgManger.getImgInfo(tb,4)//这是成功代码 特别感谢qq37744644 原来用的是this.getImgInfo 报错 但是在对象内别的方法调用正常 除了单双击事件里（就封装了这2个事件函数） imgedit(imginfo); }, init: function(){ var self = this; var imgObjs = document.getElementsByClassName(cn); for (var i = 0; i < imgObjs.length; i++) { imgObjs[i].ondblclick = self.imgDbClick; imgObjs[i].onclick = self.imgClick; imgObjs[i].onmouseenter = self.imgHover; imgObjs[i].onmouseleave = self.imgOut; }; }, setImgObj: function(imginfo){ var tb=this.getImgObj(imginfo[0]); if(!tb){alert('Object not find!');return false;} var imgobj=tb.childNodes[1]; var caption = tb.getElementsByClassName('caption')[0]; imgobj.src=imginfo[2]; caption.childNodes[1].innerText=imginfo[3]; caption.childNodes[3].innerText=imginfo[1]; caption.childNodes[5].innerText=imginfo[4]; return true; },

对一个对象添加点击事件，想把事件的内容封装到一个函数内怎么做？_course

$(".banner li").click(function() { var $li = $(this); var i = $li.text() - 1; //0,1,2,3 // if (i >= count) return; $(".banner-list i") .filter(":visible") .fadeOut(400) .parent() .children() .eq(i) .fadeIn(400); $li.addClass("cur"); $li.siblings().removeClass("cur"); } ``` 想把事件触发后执行的效果封装到一个函数action内，点击后直接调用这个函数，但是this总是搞不明白，封装后的函数action该怎么写呢？这是一个简单的轮播图的效果，意思就是我怎么在action函数内监听我点击的是哪个li标签 ```

js将所有代码和事件都封装成方法，结果在$(function(){})中有一二十个方法调用_course

jquery中把代码，事件都封装成了方法，结果每个js文件都是在$(function(){})中调用一二十个方法，这样写代码好吗

js创建img并添加点击事件_course

var picbtn="<img src='images/0.jpg' width='56' height='56' /><img src='images/1.jpg' width='56' heig