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();
});