jQuery 設定內容和屬性

下面的例子演示如何通過 text()、html() 以及 val() 方法來設定內容：

1

2319
2021
這是段落。
22這是另乙個段落。
23input field: 
24設定文字
25設定 html
26設定值
2728

預設：　　　　　　　　　　　　　　　　　　　　　　　　　　點設定文字：

再點設定html：　　　　　　　　　　　　　　　　　　　　　　再點設定值：

上面的三個 jquery 方法：text()、html() 以及 val()，同樣擁有**函式。**函式由兩個引數：被選元素列表中當前元素的下標，以及原始（舊的）值。然後以函式新值返回您希望使用的字串。

下面的例子演示帶有**函式的 text() 和 html()：

1

2322
2324
這是粗體文字。
25這是另一段粗體文字。
26顯示舊/新文字
27顯示舊/新 html
2829

jquery attr() 方法也用於設定/改變屬性值。

1

2313
1415
w3school.com.cn
16改變 href 值
17請把滑鼠指標移動到鏈結上，或者點選該鏈結，來檢視已經改變的 href 值。
1819

預設：

attr() 方法也允許您同時設定多個屬性。

下面的例子演示如何同時設定 href 和 title 屬性：

1

2316
1718
w3school.com.cn
19改變 href 和 title 值
20請把滑鼠指標移動到鏈結上，或者點選該鏈結，來檢視已經改變的 href 值和已經設定的 title 值。
2122

jquery 方法 attr()，也提供**函式。**函式由兩個引數：被選元素列表中當前元素的下標，以及原始（舊的）值。然後以函式新值返回您希望使用的字串。

下面的例子演示帶有**函式的 attr() 方法：

1

2315
1617
w3school.com.cn
18改變 href 值
19請把滑鼠指標移動到鏈結上，或者點選該鏈結，來檢視已經改變的 href 值。
2021

jquery 設定內容和屬性 元素新增和刪除

設定文字樣式 btn1 click function btn2 click function btn3 click function btn2 click function img after txt1,txt2,txt3 新增一坨元素在後面 inssertafter inssertbefore在某...

jQuery 獲得內容和屬性

三個簡單實用的用於 dom 操作的 jquery 方法 下面的例子演示如何通過 jquery text 和 html 方法來獲得內容 btn1 click function btn2 click function 1.獲取id test的文字 2.為獲取id test的標記內容，如果中間有htm標記...

jQuery 獲得內容和屬性

jquery 擁有可操作 html 元素和屬性的強大方法。jquery dom 操作 jquery 中非常重要的部分，就是操作 dom 的能力。jquery 提供一系列與 dom 相關的方法，這使訪問和操作元素和屬性變得很容易。獲得內容 text html 以及 val 三個簡單實用的用於 dom ...