怎么给JQuery对象添加一个新事件

不是有个构造函数extend么，可以自行添加方法。如：

//给对象添加新的方法。

function extend(object, data){

  for(var key in data){

    object[key] = data[key]

  }

  return object

}

再或者用原生JS给web元素绑定事件

//绑定事件

function addEvent(el,evname,func){

  if(el.attachEvent){

    el.attachEvent("on"+evname,func)

  }else if(el.addEventListener){

    el.addEventListener(evname,func,true)

  }else{

    el["on"+evname]=func

  }

} //解除绑定

function delEvent(el,evname,func){

  if(el.removeEventListener){

    el.removeEventListener(evname,func,false)

  }else if(el.detachEvent){

    el.detachEvent("on"+evname,func)

  }else{

    el["on"+evname]=null

  }

}

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

---