jQuery中的click和checked是兩個非常常用的方法。click方法用于監(jiān)聽元素的點擊事件,而checked用于對選中狀態(tài)的元素進行操作。
// 監(jiān)聽元素的點擊事件 $("button").click(function(){ // 點擊事件的處理邏輯 }); // 對選中狀態(tài)的元素進行操作 $("input[type='checkbox']").prop("checked", true); // 將所有的checkbox設(shè)置為選中狀態(tài)
在實際開發(fā)中,click和checked方法結(jié)合起來可以達到很好的效果。比如,我們可以通過點擊checkbox來控制另一個元素的顯示或隱藏:
// 監(jiān)聽checkbox的點擊事件 $("input[type='checkbox']").click(function(){ // 獲取checkbox的選中狀態(tài) var checked = $(this).prop("checked"); // 根據(jù)選中狀態(tài)控制元素的顯示或隱藏 if(checked){ $("#target").show(); }else{ $("#target").hide(); } });
通過上述代碼,我們可以實現(xiàn)一個簡單的功能:當checkbox被選中時,顯示id為"target"的元素;反之則隱藏該元素。