需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联于2013年开始,先为宿州等服务建站,宿州等地企业,进行企业商务咨询服务。为宿州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('#a').val('测试赋值本文');。
3、浏览器运行index.html页面,此时input被成功赋值了“测试赋值文本”。
方法/步骤
新建一个html文档,可以用任何文本编辑器,这里演示用Dreamweaver软件,新建并保存html文档。
然后写html代码,写一个input文本输入框id为inputId,然后写一个按钮,id为buttonId,这里要做的是点击按钮就为输入框赋值。
然后把输入框和按钮的css样式写好,当然不写样式也可以,这里主要是为了美化一下。
最后就是关键步骤了,引入jQuery文件,注意路径一定要正确,然后写jQuery代码,其实就用到了val(“这里是赋值内容”)方法。
打开浏览器测试一下,点击按钮之后输入框内自动输入了赋值的内容。
jquery给input赋值,val的三种用法
val()方法
定义和用法
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
input type="text" class="input1"
$('.input1').val('value567'); // 用法1 给input赋值value567
$('.input1').val(''); // 用法2 给input清空
$('.input1').val(''); // 用法3 返回val的值
————————————————