1. 程式人生 > >jQuery操作form表單

jQuery操作form表單

1.1 操作form表單

1.1.1 屬性操作

設定屬性:

// 第一個引數表示:要設定的屬性名稱

// 第二個引數表示:改屬性名稱對應的值

$(selector).attr(title,“屬性值”);

獲取屬性:

// 引數為:要獲取的屬性的名稱,改操作會返回指定屬性對應的值

$(selector).attr(title);

此時,返回指定屬性的值

移除屬性:

// 引數為:要移除的屬性的名稱

$(selector).removeAttr(title);

注意:checkedselecteddisabled要使用.prop()方法。

prop方法通常用來影響DOM元素的動態狀態,而不是改變的

HTML屬性。例如:inputbuttondisabled特性,以及checkboxchecked特性。

1.1.2 值和內容

val()方法:

作用:設定或返回表單元素的值,例如:input,select,textarea的值

// 獲取匹配元素的值,只匹配第一個元素

$(selector).val();

// 設定所有匹配到的元素的值

$(selector).val(“具體值”);

text() 方法:

作用:設定或獲取匹配元素的文字內容

//獲取操作不帶引數(注意:這時候會把所有匹配到的元素內容拼接為一個字串,不同於其他獲取操作!)

$(selector).text();

//設定操作帶引數,引數表示要設定的文字內容

$(selector).text(“我是內容”);