1. 程式人生 > >jquery的一些常用方法

jquery的一些常用方法

asc clas color scrip pla html tab lai cli

1.prop() 設置或返回被選元素的屬性和值(對於HTML元素本身就帶有的固有屬性,在處理時,使用prop方法) 例如:下面的全選框,當id為td_1的框被選中時,class名為td的框全部被選中

<table>
	<tr>
		<td><input id="td_1" type="checkbox">全選</td>
		<td>姓名</td>
		<td>性別</td>
		<td>年齡</td>
	</tr>
	<tr>
		<td id="td_2"><input class="td" type="checkbox"></td>
		<td>張三</td>
		<td>男</td>
		<td>23</td>
	</tr>
	<tr>
		<td id="td_3"><input class="td" type="checkbox"></td>
		<td>李四</td>
		<td>男</td>
		<td>25</td>
	</tr>
	<tr>
		<td id="td_4"><input class="td" type="checkbox"></td>
		<td>王五</td>
		<td>女</td>
		<td>23</td>
	</tr>
</table>

//復選框
$(function(){
//鼠標點擊id為td_1的復選框,調用函數change()
	$("#td_1").click(change);
//點擊時調用的函數
	function change(){
//定義一個變量
		var zt = $("#td_1").prop("checked");
//判斷當id為td_1的復選框選中時,其他復選框都選中
		if(zt==true){
		$(".td").prop("checked",true);
//判斷當id為td_1的復選框沒選中時,其他復選框都不選中
	}else{
		$(".td").prop("checked",false);
	}
	}
});

2.attr() 設置或返回被選元素的屬性和值(對於HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法)

jquery的一些常用方法