JQuery中html()和val()的用法区别

Example:
...
//定义JSON名称/值对
var JSONObject = {
"name":"xrd",
"age":24,
"phone":"123"
};
//用含参的html()设置每个匹配元素的html内容,返回一个string
$("jname").html(JSONObject.name);
$("jage").html(JSONObject.age);
$("jphone").html(JSONObject.phone);
...

Name:
Age:
Phone:

这个时候就只能用JQery的html()方法，比如$("jname").html(JSONObject.name);对ID为jname的html标签内设置string类型的内容，而带参的val()方法是设置每一个匹配的元素的值，返回一个JQuery的对象，如：

<div><input type="text"></div>

$("input").val("hello world!");
结果是文本框里显示hello world!

转载于:https://blog.51cto.com/axlnrose/1152682