jQuery中的name屬性值是指HTML元素中的name屬性,通過(guò)該屬性名可以在表單中獲取或設(shè)置表單元素的值,或者作為選擇器定位元素。
// 獲取name屬性值為demo的表單元素的值 var value = $('input[name=demo]').val(); // 設(shè)置name屬性值為demo的表單元素的值 $('input[name=demo]').val('new value'); // 選擇器定位name屬性值為demo的元素 $('input[name=demo]').css('color', 'red');
除了表單元素,其他HTML元素也可以設(shè)置name屬性,對(duì)于這些元素,name屬性值主要用于與JavaScript交互,比如通過(guò)選擇器定位元素進(jìn)行操作。
// 選擇器定位name屬性值為username的p標(biāo)簽 $('p[name=username]').css('font-size', '16px');
需要注意的是,在HTML中,name屬性的值不應(yīng)該與id屬性的值相同,因?yàn)樗鼈冊(cè)贘avaScript中的使用方式不同。
// 選擇器定位name屬性值為demo的元素 $('input[name=demo]').css('background', 'yellow'); // 選擇器定位id為demo的元素 $('#demo').css('background', 'green');
總之,name屬性值是jQuery中一個(gè)非常有用的屬性,可以幫助我們快速定位和操作頁(yè)面中的元素,特別是在表單操作方面。
下一篇深入解析 CSS