深层次学习jquery的API的装逼写法

一  事件对象

  // 一种新的写法，在上下问的环境中查找符合条件的元素;
	$('.ho', $('div') ).css('color','red');
	//$( 'div',$(document.body)).click(function(){ alert(1) });
	$(document.body).delegate('div', 'click', {name: 'anikin'}, function(e){ 
	    alert(e.data.name);  
	});

  // each是随意可以遍历任何类数组的对象的
	$('ul').each(function(i,ele){    
		$('li',this).on('click', {ele: $(ele).eq(0).html()}, function(e){ 
		   $(e.currentTarget).toggleClass('active');  
		   console.log( e.data.ele )     
		})   
	})

 event.target 表示的是当前触发事件的DOM元素，经常用于事件冒泡时处理事件委托。是原生的操作
 function handler(event) {
    var $target = $(event.target);
    if( $target.is("li") ) {
         $target.children().toggle();
    }
  }
  $("ul").click(handler).find("ul").hide();