focus()是jquery中一個很常用的方法,它可以讓一個元素獲得焦點。在頁面中,一個元素可以被用戶點擊或使用Tab鍵來選中,此時該元素就獲得了焦點。但有時,我們需要在不進(jìn)行點擊操作的情況下,讓某個元素獲得焦點,這時就可以使用focus()方法。
$(selector).focus();
其中,selector可以使css選擇器或DOM元素,多個元素可以使用逗號分隔。
$("input").focus(); // 所有input元素獲得焦點 $("#myBtn").focus(); // id為myBtn的元素獲得焦點
除了使用選擇器來選中元素,我們還可以使用jquery篩選器來選中特定的元素。
$("input:text").focus(); // 選中所有文本框獲得焦點 $("input[type='password']").focus(); // 選中所有密碼框獲得焦點
當(dāng)然,獲得焦點的元素除了輸入框之外,還可以是其他支持獲取焦點的元素,比如按鈕或鏈接。
$("button").focus(); // 所有按鈕獲得焦點 $("a").focus(); // 所有鏈接獲得焦點
特別需要注意的是,在使用focus()時需要確保該方法的調(diào)用時機(jī)。如果該方法在文檔加載完成之前調(diào)用,瀏覽器可能無法獲取到該元素,導(dǎo)致方法不起作用。為了避免這種情況的發(fā)生,可以將方法調(diào)用放在文檔加載完成的回調(diào)函數(shù)中。
$(document).ready(function(){ $("input").focus(); // 當(dāng)文檔加載完成后,所有input元素獲得焦點 })