jquery事件

1.toggle
$(document).ready(function() {
   $('#switcher h3').toggle(function() {
       $('#switcher .button').addClass('hidden');
   }, function() {
       $('#switcher .button').removeClass('hidden');
  });
});

2.toggleClass
$(document).ready(function() {
   $('#switcher h3').click(function() {
     $('#switcher .button').toggleClass('hidden');
  });
});

3. bind
$(document).ready(function() {

$('#switcher-large').bind('click', function() {
$('body').removeClass('narrow');
$('body').addClass('large');
});
$('#switcher-nomal').bind('click', function() {
$('body').removeClass('narrow');
$('body').removeClass('large');
});
$('#switcher-narrow').bind('click', function() {
$('body').removeClass('large');
$('body').addClass('narrow');
});
});
4. hover
$(document).ready(function() {
  $('#switcher .button').hover(function() {
     $(this).addClass('hover');
  }, function() {
     $(this).removeClass('hover');
  });
});

5. 移除事件处理unbind

$(document).ready(function() {
    var toggleStyleSwitcher = function() {
     $('#switcher .button').toggleClass('hidden');
    };
    $('#switcher').click(toggleStyleSwitcher);
    $('switcher-normal').click(function() {
       $('#switcher').click(toggleStyleSwitcher);
     });
    $('#switcher-narrow, #switcher-large').click(function() {
     $('#switcher').unbind('click', toggleStyleSwitcher);
   });
});

6.模拟用户操作trigger。
$(document).ready(function() {
   $('#switcher').trigger('click');
});
当使用这些方法不带参数时，结果将是触发操作而不是绑定行为，
$(document).ready(function() {
   $('#switcher').click();
});