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

来源：互联网发布：华数传媒网络校园招聘编辑：程序博客网时间：2024/05/29 06:51

一事件对象

  // 一种新的写法，在上下问的环境中查找符合条件的元素;
$('.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();

0 0