为元素添加class ，无法绑定事件 ? jie

用事件委托的意思是li下面所有叫 friend_uncheck_box
 friend_check_box的class都触发这个事件，事件绑定在li上面，
而你之前的写法事件绑定在第一个.friend_uncheck_box
 friend_check_box上面，后面随机的class没有绑定事件，所以只有第一次生效。

jQuery(function() {

<span style="white-space:pre">	</span>//正确写法
//选择朋友，选中事件
$("li").on('click','.friend_uncheck_box',function(){
this.className ="friend_check_box";
});

//选择朋友，取消选中事件
$("li").on('click','.friend_check_box',function(){
this.className ="friend_uncheck_box";
});</strong></span>

<span style="white-space:pre">	</span>//错误写法
//选择朋友，选中事件
$(".friend_uncheck_box").click(function() {
this.className ="friend_check_box";
});

//选择朋友，取消选中事件
$(".friend_check_box").click(function() {
this.className ="friend_uncheck_box";
});

});