jquery怎样获取html的内容?

您所在的位置:网站首页 jquery获取文本内容 jquery怎样获取html的内容?

jquery怎样获取html的内容?

#jquery怎样获取html的内容?| 来源: 网络整理| 查看: 265

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

以上就是jquery怎样获取html的内容?的详细内容,更多请关注html中文网其它相关文章!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3