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