jQuery 處理元素內容 表單元素

2022-05-02 23:15:16 字數 1120 閱讀 3327

處理元素內容

1、text方法

使用說明:

1)不傳引數

得到jquery物件內所有元素及其後代元素的文字內容

2)傳入用於設定匹配元素的文字內容

3)傳入function

使用函式來設定jquery物件中每個元素的文字

兩個引數:第乙個表示當前元素序號,第二個引數表示當前元素的文字

函式內部this代表當前的html元素物件

返回要設定的內容

2、html方法

取得第乙個匹配元素的html內容 或 設定元素的html內容

使用方式同上

處理表單元素

1、val方法

使用說明:

1)不傳引數

得到jquery物件內第乙個元素的值

2)傳入用於設定jquery物件內所有元素的值

3)傳入function

使用函式來設定jquery物件中每個元素的值

兩個引數:第乙個表示當前元素序號,第二個引數表示當前元素的當前值

函式內部this代表當前的html元素物件

返回要設定的值

為元素關聯資料

把元素的一些資料,儲存到對應的元素上面去!

使用data-屬性名稱可以給元素裡面儲存對應的屬性!

jquery還提供了乙個data這個方法,專門用來給元素關聯資料(把資料儲存到對應的元素裡面去)

儲存的資料可以是各種型別

1、data方法

在匹配元素上儲存任意相關資料 或 返回匹配的元素集合中的第乙個元素的給定名稱的資料儲存的值

使用說明:

1)存資料

data(key,value)或者data(鍵值物件)

2)取資料

data(key):得到jquery物件中第乙個元素指定鍵的資料

data():得到jquery物件中第乙個元素關聯的所有鍵值對資料

2、removedata方法

移除資料

removedata(key):刪除jquery物件內所有元素中鍵key對應的資料

removedata():刪除jquery物件中所有元素的所有關聯資料

jQuery基礎 處理表單元素

1.獲取input類的值 input val 2.獲取textarea類的值 textarea val 3.獲取select類的值 select val 當表單上含有多個input類 或者textarea類和select類 使用上述方法得到的將是乙個陣列。當然,你可以給這些控制項加上id,從而對某個...

jQuery基礎 處理表單元素

1.獲取input類的值 input val 2.獲取textarea類的值 textarea val 3.獲取select類的值 select val 當表單上含有多個input類 或者textarea類和select類 使用上述方法得到的將是乙個陣列。當然,你可以給這些控制項加上id,從而對某個...

jQuery選取表單元素

表單元素選擇器 選擇器 說明 button 元素和type屬性值為button的元素。checkbox type屬性值為checkbox的元素。使用 type checkbox 能獲得更高的效能。checked 選中的單選按鈕和核取方塊元素。disabled 所有被禁用的元素。enabled 所有被...