JQ常见用法

一、选择器

1、$('#table_info tr .disabled').not('.ban')
获得id为table_info下的所有tr标签，class包含disabled但不包含ban的标签。
2、$(".A.B")
选择class同时包含A和B的元素。
3、$(".A, .B")
选择包含A或者包含B的元素。
4、$(".A").filter(".B").filter(".C")
选择包含A、包含B、包含C的元素。
5、$("[class='A B c']")
选择class同时包含A、B、C的元素，此处顺序必须一致才行

二、checkbox/radio

1、$('#A').attr('checked', 'checked')
将checkbox选中
触发事件：$('#A').attr('checked', 'checked').change()
2、$('#A').prop('checked')
获得checkbox是否被选中，选中为true，未选中为false
3、$('input[name="date_type"]:checked').val()
获得name为date_type的所有选中的radio的值，如果是checkbox则不能直接val需要遍历

$('input[name="date_type"]:checked').each(function(index,element){
	alert($(element).val());
})

4、$('input[name="date_type"]').attr('checked', 'checked')
全选
5、$('input[name="date_type"]').removeAttr('checked')
全不选
6、$('input[name="date_type"]:odd').attr('checked','checked')
选中所有奇数
7、$('input[name="date_type"]:even').attr('checked','checked')
选中所有偶数
8、反选

$('#checkBtn').click(function() { 
	$('input[name="date_type"]').each(function() { 
		this.checked = !this.checked
	});
});

三、显示与隐藏DIV

$('#showBtn').click(function(){
	if ($("#container").is(":hidden")) {
		$('#container').show();
	} else {
		$('#container').hide();
	}
});



CCC

四、清空

1、$('#X').empty();
清空id为X的div中的内容，内部所有的元素都将删除