jquery如何给input赋值

如题所述

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:$('#a').val('测试赋值本文');。

3、浏览器运行index.html页面,此时input被成功赋值了“测试赋值文本”。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-04-24

工具/原料

jQuery 浏览器   电脑

方法/步骤

1、用Dreamweaver新建html文档,并保存。

2、写一个input文本输入框id为inputId,写一个按钮,id为buttonId。

3、效果如下。

4、写好输入框和按钮的css样式。

5、入jQuery文件,写jQuery代码,用到val(“这里是赋值内容”)方法。

6、打开浏览器测试,点击按钮,输入框内自动输入了赋值内容。

本回答被网友采纳
第2个回答  推荐于2019-11-12

例: <input type="text" class="input1">

$('.input1').val('value567'); // 给input赋值value567

jquery给input赋值,val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数,则返回被选元素的当前值。

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

本回答被网友采纳
第3个回答  推荐于2017-09-01
jquery给input赋值val(val)
val(val)是jquery函数,最容易混淆的是获取input的函数是val();
区别非常小,一个是带参数,一个是不带参数;

<input name="user" class="txtshort" id="user" value="输入手机号码或邮箱" />
$("#user").val(""); 清空ID为user的值;

以下是一段常用的在登录时在文本框内用文字提示用户输入的代码

$(document).ready(function() {
$("#user").addClass('phplike_blur');
$("#password").addClass('phplike_focus'); //添加样式,如果无,可以不写
$("#user").focus(function(){ $(this).removeClass('phplike_blur');

if ($("#user").val() == '输入手机号码或邮箱') //如果值为提示信息,获得焦点时,清空提示信息,样式说明在此省略
{ $(this).addClass('phplike_focus');$("#user").val(""); }

else { $(this).removeClass('phplike_blur'); }
}) $("#user").blur(function(){

if ($("#user").val() == '') //失去焦点时,如果文本框内容为空,则显示提示信息
{ $("#user").val("输入手机号码或邮箱");
$(this).addClass('phplike_blur'); }
})
})
第4个回答  推荐于2017-09-29

文本框 <input type="text" id="Text"> 赋值:

$("#Text").val("赋值内容")

本回答被提问者和网友采纳
相似回答