最常見的 HTML 表單元素之一是 input。而 jQuery 可以輕松地選擇這些 input 元素,以便以后使用。
$(document).ready(function(){
// 選擇所有 input 元素
$("input").css("background-color", "yellow");
// 選擇 type 屬性為 text 的 input 元素
$("input[type='text']").css("background-color", "orange");
// 選擇 name 屬性為 username 的 input 元素
$("input[name='username']").css("background-color", "green");
});
在上面的例子中,我們使用了 jQuery 的選擇器語(yǔ)法來(lái)選擇不同的 input 元素。在第一個(gè)選擇器中,我們選擇了所有的 input 元素,并將它們的背景顏色設(shè)置為黃色。
在第二個(gè)選擇器中,我們選擇了所有 type 屬性為 text 的 input 元素,并將它們的背景顏色設(shè)置為橙色。
在第三個(gè)選擇器中,我們選擇了所有 name 屬性為 username 的 input 元素,并將它們的背景顏色設(shè)置為綠色。
這些都是非常基本的選擇示例。您可以使用各種其他選擇器來(lái)選擇更具體的 input 元素。甚至可以將這些選擇器組合在一起,以選擇特定的 input 元素。