码迷,mamicode.com
首页 > Web开发 > 详细

text()和html()的区别,以及val()

时间:2016-08-24 17:06:24      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

text():设置或返回所选元素的文本内容;

html():设置或返回所选元素的内容(包括 HTML 标记);

val():设置或返回表单字段的值

例如:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
});
</script>
</head>

<body>
<p id="test1">这是段落。</p>
<p id="test2">这是另一个段落。</p>
<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置 HTML</button>
<button id="btn3">设置值</button>
</body>
</html>

text()和html()的区别,以及val()

标签:

原文地址:http://www.cnblogs.com/sophiehui/p/5803641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!