jQuery中的html()和val()和text()的区别

html()：返回匹配的元素集合中的 HTML 内容。注意：该方法仅返回第一个匹配元素的内容。

html(content)：设置匹配的元素集合中的 HTML 内容。注意：该方法设置所有匹配元素的内容。

text()返回匹配元素的内容 注意：它不会获取到放在该元素下面的html标签下的内容。只会获取到纯文本。

text(content)设置匹配元素的内容 注意：工作方式与 html() 类似，但是会对标签进行转义，也就是将html标签按照文本输出。

val()返回匹配元素的值 注意：该方法大多用于 input 元素。因为input元素有value属性对应的值。该方法仅返回第一个匹配元素的值。

val(content)设置匹配元素的值 注意：该方法设置所有匹配元素的值。

代码


html代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> jQuery中的html()和val()和text()的区别.html </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
    $(function() {
        $("button#html1").click(function() {
// alert($("#p1").html());// 空
            alert($("#p4").html());// I am fourth paragraph too!

//alert($("div#myDiv").html());
            /*返回：
                <p >>