jQuery事件注册的实现示范_jquery_

1.单个事件注册 $('div').click(function(){ $(this).css('background','pink'); }) $('div').mouseenter(function(){ $(this).css('background','purple'); }) ---------------------------------------------------------- 2.多个事件注册 on $('div').on({ mouseenter:function(){ $(this).css('background','purple') }, click:function(){ $(this).css('background','pink') } }) >> 以'对象'的形式来书写多个事件注册

3.鼠标经过和离开都触发这个函数 .current{background:'blue'}; $('div').on('mouseenter mouseleave',function(){ $(this).toggleClass('current'); })

$("ul").on("click", 'li', function() { alert('11') }); // click是绑定在ul身上，但是触发对象是li 

$('ol').on('click', 'li', function() { alert('可以弹出'); }) var li = $("
我是后来创建的
"); $('ol').append(li); 

$("p").off() // 解除p元素所有事件处理程序 $("p").off('click') // 解除p元素上面的点击事件 $("ul").off('click','li') // 解除事件委托 

$("p").one('click', function() { console.log(134); }) >> p元素只在`第一次点击的时候触发`，之后`不再执行函数` 

1. element.click(); // 第一种简写模式 >> $("div").click(); 2. element.trigger('要触发的事件'); // 第二种自动触发方式 >> $("div").trigger('click') 3. elememnt.triggerHandler('type') // 第三种自动触发方式 不会触发元素的默认行为 (比如文本框光标闪烁) >> $("div").triggerHandler('click') 

$("div").on('click',function(e){ console.log(e); })