JQuery是一個廣受歡迎的JavaScript庫,它使得網頁開發更加簡便。在開發網頁時,我們經常需要通過name來獲取表單元素并實現相應的功能,下面是使用JQuery獲取焦點的示例。
$(document).ready(function(){ $("input[name='username']").focus(); });
上述代碼使用了JQuery的選擇器,通過name屬性選擇表單中name屬性為“username”的元素,然后使用focus()方法讓該元素獲得焦點,即光標自動移動到該文本框中。
另外,我們還可以使用blur()方法來讓該元素失去焦點,即光標移出該文本框:
$(document).ready(function(){ $("input[name='username']").blur(); });
當然,我們也可以將其封裝成一個函數,使得代碼更加簡潔和易于復用:
function focusElement(Name){ $("input[name='"+Name+"']").focus(); } function blurElement(Name){ $("input[name='"+Name+"']").blur(); } $(document).ready(function(){ focusElement("username"); });
上面的代碼定義了兩個函數:focusElement和blurElement,分別用于讓元素獲得和失去焦點。我們只需要在調用時傳入相應的name值即可,使用起來更加方便。