text(),val()和html()区别是什么
分类：实例代码
这三个方法的应用当然是非常基础的，对于有点经验的前端人员都不是问题。
本章节主要面向初学者，也许他们对三个方法的区别还不是太清楚，下面就通过代码实例做一下介绍。
通常比较正规的库方法或者变量的命名都是非常合理的，基本能够做到见名达意，当然jQuery也不例外。
一.text()和html():
text翻译过来具有"文本"的意思。
此方法的作用是获取或者设置元素的文本内容。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
var str = "<b>前端教程网</b>";
$("div").text(str);
})
</script>
</head>
<body>
<div></div>
</body>
</html>
上面的代码设置了div的文本内容，也就是说text()的参数都会被视为普通文本处理。
html()用来设置或者获取元素的html内容，代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
var str = "<b>前端教程网</b>";
$("div").html(str);
})
</script>
</head>
<body>
<div></div>
</body>
</html>
html()方法会将参数视作html代码，那么就会被浏览器解析；上面的代码文本就会呈现粗体。
二.val()方法:
此方法就比较简单了，针对表具有value属性的表单元素进行操作，用来设置或者获取表单元素的value属性值。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
var str = "前端教程网";
$("input").val(str);
})
</script>
</head>
<body>
<input type="text">
</body>
</html>
text(),val()和html()区别是什么，这样的场景在实际项目中还是用的比较多的，关于text(),val()和html()区别是什么就介绍到这了。
text(),val()和html()区别是什么属于前端实例代码，有关更多实例代码大家可以查看。