在使用 jQuery 選擇器時,我們經常會使用 id、class 進行選擇。但實際上,還存在一種選擇方式,那就是通過元素的 name 屬性進行選擇。
在 HTML 中,每個標簽都可以有一個 name 屬性。這個屬性的作用是用于表示元素的名稱,通常被用于表單中的控件,比如 input、select 和 textarea。在使用 jQuery 的時候,我們可以通過 selector[name='value'] 的方式來選擇所有 name 等于 value 的元素。
$("input[name='username']")
上面的代碼會選擇所有 name 屬性為 username 的 input 元素。如果你想選擇所有的 input、select 和 textarea 元素,可以將選擇器寫成這樣:
$("input[name], select[name], textarea[name]")
上面的代碼中,我們用逗號分隔了三個選擇器,這意味著可以選擇所有包含 name 屬性的 input、select 和 textarea 元素。
當然,你也可以利用 name 屬性來描述父元素下的具體子元素。比如,下面的代碼表示選擇所有 name 等于 gender 的元素下的 input 元素:
$("input[name='gender']", "form")
這里使用了選擇器的第二個參數,表示在 form 元素范圍內查找。
綜上所述,通過 name 屬性進行選擇的方式是一種很方便的選擇方法,在實際開發中也有很多使用場景。有了它,我們可以更加靈活地進行元素選擇。