js 事件委托

 <div class="content" id="friends_fans_content">
        <ul>
           <!-- <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>
			<li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>
            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>
            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>
            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪</li>
            <li><span class="fr singleFans"></span><img src="../images/avatar-m.jpg" />小猫咪小猫咪</li>
            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪咪猫</li>
            <li><span class="fr mutualFans"></span><img src="../images/avatar-m.jpg" />小猫咪</li>-->
        </ul>
    </div>监听  li span 点击  添加事件

1 原生委托

//注册全局点击事件

	document.getElementById('friends_fans_content').onclick = function(e){
					//阻止冒泡
					e && e.stopPropagation ? e.stopPropagation() : window.event.cancelBubble = true;
					//获取事件作用对象
					var o = e ? e.target : window.event.srcElemnt;
					//筛选
					if(o.nodeName == 'SPAN' && (o.className.indexOf('singleFans') > -1 || o.className.indexOf('mutualFans') > -1)){
						
					}
				};

2  jquery  事件

$('#friends_fans_content .singleFans,#friends_fans_content .mutualFans').live('click', function(){
					
				})

3  antUi