jquery设置text的值示例(设置文本框 DIV 表单值)
更新时间：2014年01月06日 10:05:58 作者：
本文主要介绍了jquery设置内容的方法，下面的例子演示如何通过 text()、html()以及val()方法来设置内容，大家参考使用吧
jquery设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
实例
复制代码 代码如下:
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html()：
实例
复制代码 代码如下:
$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i,origText){
return "Old html: " + origText + " New html: Hello <b>world!</b>
(index: " + i + ")";
});
});
相关文章
通过jquery获取ul中第一个li的属性，当加载列表时，默认希望选中第一条，下面是具体的实现代码2014-11-11
这款弹出框插件是本人自己模仿IOS原生弹出框写的一个自定义插件，包括Alert弹出框和Confirm确认框，支持标题，内容，按钮文字以及按钮回调函数自定义，使用非常简单，本文给大家介绍了jQuery仿IOS弹出框插件,需要的朋友可以参考下2017-02-02
jQuery的hover事件只是针对单个HTML元素，不过，有些时候我们希望当鼠标进入两个或多个元素时触发fun1，离开他们时触发fun2，而在这些元素间移动鼠标并不触发任何事件2014-06-06
jQuery 操作Xml 入门级代码2008-12-12
这篇文章主要介绍了JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-05-05
如果文档中某一个元素多余，那么应将其删除。jQuery提供了两种删除节点的方法，remove()方法和empty()方法下面为大家详细介绍下2014-01-01
这篇文章主要介绍了jQuery客户端分页实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了jQuery实现复选框批量选择与反选的方法,主要通过jQuery的attr与removeAttr方法实现选择与反选的功能,非常具有实用价值,需要的朋友可以参考下2015-06-06
本文给大家介绍的是一款移动端下的jQuery插件Hammer.js，他是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件支持各种手机事件，比如缩放，qq左滑动删除，放大，旋转等2015-07-07
蘑菇街导航固定顶部的效果想必大伙有所关注吧，想实现吧，本文将带你走完实现之旅，接下来的代码是使用jquery，感兴趣的各位可不要错过了哈2013-03-03
最新评论