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