jquery通過操作DOM獲得內容的方法

2019-12-11 16:55:05

jquery通過操作DOM獲得內容，有以下幾個API可以使用：

1、獲取內容

1）.text() ：返回所選元素的文字內容（如果元素內部含有html標籤，則返回各個標籤內部的內容，不含標籤）

2）.html()：返回所選元素的內容（含HTML標籤）

3）.val()：獲取文字方塊（input）、多行文字（textarea）、下拉框（select）等表單標籤的值

4）.prop("checked")：主要用於獲取checkbox選中狀態；也可以用於獲取其他屬性，此時相當於 .attr("xx屬性")

5）.attr("xx屬性")：獲取元素的「xx屬性」的值

2、設定內容

1）.text("xx內容") ：設定所選元素的內容

2）.html("xx內容")：設定所選元素的內容

3）.val("xx內容")：設定文字方塊（input）、多行文字（textarea）、下拉框（select）等表單標籤的值

4）.prop("checked", true)：設定checkbox選中的狀態；也可以用於獲取其他屬性，此時相當於 .attr("xx屬性")

5）.attr("xx屬性", "xx值")：獲取元素的「xx屬性」=「xx值」

3、此處僅演示獲取內容，設定內容請參考上面介紹

建立如下結構的測試檔案

-- Content

-- jquery-1.7.2.min.js

-- HTMLPage1.html

在頁面中新增測試dom結構程式碼，並引入Jquery

【.text() 】獲取內容：結果將不含html標籤

【.html()】獲取內容：結果將含內dom的html標籤

【.val()】獲取文字方塊內容

【.prop("checked")】獲取checkbox的選中狀態

【.attr("xx屬性")】獲取元素屬性值