jquery怎樣獲取html的內容？下面本篇文章給大家介紹一下使用jquery獲取html內容的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

jquery獲取html元素內容的方法

方法1：使用html()方法

html()可以設置或返回所選元素的內容(包括 HTML 標記)當該方法用于返回內容時，則返回第一個匹配元素的內容。

當該方法用于設置內容時，則重寫所有匹配元素的內容。

示例：

$(document).ready(function(){

$("button").click(function(){

alert($("p").html());

});

});

修改這個P元素的內容

這是一個 段落。

方法2：使用text()方法

text()方法可以設置或返回被選元素的文本內容。當該方法用于返回內容時，則返回所有匹配元素的文本內容(會刪除 HTML 標記)。

當該方法用于設置內容時，則重寫所有匹配元素的內容。

示例：

$(document).ready(function(){

$("button").click(function(){

alert($("p").text());

});

});

返回所有p元素的文本內容

這是一個段落。

這是另一個段落。

方法3：使用val()方法

val() 方法返回或設置被選元素的 value 屬性。當用于返回值時，該方法返回第一個匹配元素的 value 屬性的值。

當用于設置值時，該方法設置所有匹配元素的 value 屬性的值。

注意：val() 方法通常與 HTML 表單元素一起使用。

示例：

$(document).ready(function(){

$("button").click(function(){

alert($("input:text").val());

});

});

第一個名稱:

最后一個名稱:

返回第一個輸入字段的值

更多web前端知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的jq获取当前完整html,jquery怎样获取html的内容？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。