ITPub博客

首页 > IT职业 > IT生活 > JQuery中html()和val()的用法区别

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

IT生活 作者:25minutes 时间:2021-09-09 09:50:55 0 删除 编辑

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的对象,如:

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4328/viewspace-2813296/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: SpringBoot使用AOP
请登录后发表评论 登录
全部评论

注册时间:2019-07-17

  • 博文量
    336
  • 访问量
    14895