jQuery实现事件绑定有三种方式:
- 为一个元素绑定一个或者件处理程序,如下代码:
Element.bind( eventType [, eventData ], handler(eventObject) )
如:$('#foo').bind('mouseenter mouseleave', function() {
$(this).toggleClass('entered');
});
- 在选定的元素上绑定一个或者多个事件处理函数,如下代码:
Element.on( events [, selector ] [, data ], handler(eventObject) )
如: $("p").on("click", function(){alert( $(this).text() );});
- 附加一个处理事件到元素,该处理元素在每个元素上最多执行一次,代码如下:
Element.one( events [, data ], handler(eventObject) )
如:$("p").one("click", function(){alert( $(this).text() );});