jquery的一些常用方法
阿新 • • 發佈:2018-04-19
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的一些常用方法