jQuery事件绑定、解绑、命名空间
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>b index div001div002div003
$(function() { $('div').bind('mouseover mouseout', function() { // $(this).toggleClass('s1'); }); $('#btn001').click(btn001Click); $('#div001').bind('click', div001Click01); $('#div001').bind('click', div001Click02); $('#btn002').click(btn002Click); $('#btn003').click(btn003Click); $('#btn004').click(btn004Click); $('#btn005').click(btn005Click); $('#btn006').click(btn006Click); $('#btn007').click(btn007Click);});function btn001Click(e) { // $('div').unbind('mouseover'); // 可以这样进行解除绑定； $('div').unbind('mouseover mouseout');}function div001Click01(e) { console.log('div001Click01');}function div001Click02(e) { console.log('div001Click02');}function btn002Click(e) { // 可以这样解除绑定两个事件中的一个事件； $('#div001').unbind('click', div001Click02);}function btn003Click(e) { // 这样绑定之后，直接点击div002也会触发事件； $('#div002').bind('click.plugin', function() { console.log('div002 click.plugin'); }); // 这样绑定之后，直接双击div002也会触发事件； $('#div002').bind('dblclick.plugin', function() { console.log('div002 dblclick.plugin'); }); // 这样绑定之后，鼠标直接移动也会触发事件； $('#div002').bind('mouseover.plugin', function() { console.log('div002 mouseover.plugin'); });}function btn004Click(e) { // 这样触发不会触发任何事件； $('#div002').trigger('.plugin'); // 这样可以触发click.plugin事件； $('#div002').trigger('click.plugin'); // 这样也可以触发click事件； $('#div002').trigger('click');}function btn005Click(e) { // 这样可以解除所有.plugin事件绑定； $('#div002').unbind('.plugin');}function btn006Click(e) { $('#div003').bind('click',function(){ console.log("div003 click"); }); $('#div003').bind('click.plugin',function(){ console.log("div003 click.plugin"); });}function btn007Click(e) { // 这样可以触发所有的click事件； $('#div003').trigger('click'); // 这样竟然已经不能触发事件了； $('#div003').trigger('click!');}