jQuery实例方法-事件

// on
// 系统事件
// 参数4个
// 1.type (2.selector) (3.data) 4.handle
// $('.demo').on('click', function(){
//     alert(0);
// })
// $('.demo').on('click', {name: 'cst'}, function(e){
//     alert(e.data);
// })
// 事件委托
// $('ul').on('click','li',function(e){
//     alert( $(e.target).text() );
// })

// one 一次性事件
// $('a').one('click', function(){
//     window.open('https://www.taobao.com');
//     return false;
// })

// on
// $('.demo').on({
//     click: function(){
//         console.log('click');
//     },
//     mouseenter: function(){
//         console.log('mouseenter');
//     },
//     mouseleave: function(){
//         console.log('mouseleave');
//     }
// })


// off
// $('.demo').off();
// $('.demo').off('click');
// $('.demo').off('click',fn1);
// $('ul').off // 事件委托

// trigger
// $('.demo').on('click', function(e, a, b, c, d){
//     console.log('click', a, b, c, d);
// })
// $('.demo').trigger('click', [10, 20, 30, 40]);

// 自定义事件
// $('.demo').on('pageLoad', function(){
//     console.log(0);
// })

// hover 移入，移出
// $('.demo').hover(function(){
//     console.log('mouseenter');
// }, function(){
//     console.log('mouseleave');
// })