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中文网 ！！