jquery事件
zhangmingming 2012-12-14
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();
});
相关推荐
<table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%&qu