jQuery中的attr方法是用于獲取或設(shè)置元素屬性的。其中,name屬性是常用的一個(gè)屬性。
//獲取元素的name屬性值 var nameValue = $("input").attr("name"); //設(shè)置元素的name屬性值 $("input").attr("name", "newName");
在表單元素中,name屬性通常用于提交表單時(shí)區(qū)分不同的數(shù)據(jù)項(xiàng),例如:
通過設(shè)置input元素的name屬性,可以將用戶名和密碼的值作為key-value對(duì)傳遞給后臺(tái)。
//獲取表單數(shù)據(jù) var formData = {}; $("form input").each(function() { formData[$(this).attr("name")] = $(this).val(); });
通過上述代碼,可以將表單中所有的input元素的name屬性和value屬性存儲(chǔ)到一個(gè)對(duì)象中,便于后續(xù)操作。
需要注意的是,在HTML5的新規(guī)范中,name屬性不僅僅用于表單元素,還可以用于其他元素。
這是一個(gè)頭部
上述代碼中,通過給div元素添加name屬性,便可以在JavaScript中通過attr方法獲取或設(shè)置其屬性值。
上一篇圖片怎么用css居中
下一篇圖片懸浮于上方css