jQuery的a()方法可以用來添加和刪除一個元素的“純文本”和“HTML內容”。
a()方法除了能添加和刪除文本和HTML之外,還可以添加和刪除屬性。其中,a()方法提供了一個.enable()方法,可以使一個元素“可用/不可用”。
當元素被設置為不可用時,它會被禁用,意味著用戶不能對它進行任何操作。比如,一個禁用的按鈕,點擊它不會有任何反應,它看起來變灰。
$("button").click(function(){ $("input").prop("disabled", true); $("span").text("被禁用了!"); }); $("input").change(function(){ var $this = $(this) var text = $this.prop("disabled") ? "被禁用了!" : "解禁了!"; $("span").text(text); });
上面的代碼中,當按鈕被點擊時,輸入框就會被禁用,同時提示文字也會改變。當輸入框的狀態(tài)改變時,提示文字也會相應地改變。
要使一個元素可用,可以通過調用enable()方法來實現(xiàn):
//使所有的輸入框都可用 $("input").enable();
要使元素不可用,可以通過調用disable()方法來實現(xiàn):
//使所有的按鈕都不可用 $("button").disable();
在實際開發(fā)中,我們常常需要動態(tài)地改變元素的狀態(tài)。比如,當用戶填寫完一份表單并點擊“提交”按鈕時,我們可能會通過JS代碼禁用該按鈕,以免用戶重復提交。這時候,我們可以用類似下面的代碼:
//當用戶點擊“提交”按鈕時,禁用該按鈕 $("#submit-button").click(function(){ $(this).disable(); });
總之,使一個元素不可用(禁用)可以避免用戶誤操作,進而提高頁面的可靠性和安全性。