$("#abc").unbind('click'); 移除单击事件
$("#abc").one('click',function(){
$("def").hide()
}); 只执行一次的单击事件
$("#abc").click(function(){
$("def").toggle()
}) 显示与隐藏的点击切换
$("#abc").click(function(){
$("def").slideToggle()
}) 下拉与上拉的点击切换
$("#abc").click(function(){
$("def").fadeToggle()
}) 淡入与淡出的点击切换
反选(jqeury写法):
$("#abc").click(function(){
$('[name=items]:checkbox').each(function(){
$(this).attr("checked",!$(this).attr("checked"));
})
})
(原生js写法)
$("#abc").click(function(){
$('[name=items]:checkbox').each(function(){
this.checked=!this.checked;
})
})
全部都选中后,让全选按钮变成选中状态:
$("[name=items]:checkbox").click(function(){
var $tmp = $('[name=items]:checkbox');
$('#CheckedAll').attr('checked',$tmp.length == $tmp.filter(':checked').length);
})
穿梭框
$("#add").click(function(){
var $options = $('#select1 option:selected')
$options.appendTo('#select2')
})
双击某个选项将其添加给对方
$("#select1").dbclick(function(){
var $options = $('option:selected',this);
$options.appendTo('#select2');
})