jquery事件

1.toggle

$(document).ready(function(){

$('#switcherh3').toggle(function(){

$('#switcher.button').addClass('hidden');

},function(){

$('#switcher.button').removeClass('hidden');

});

});

2.toggleClass

$(document).ready(function(){

$('#switcherh3').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(){

vartoggleStyleSwitcher=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();

});