jquery如何给input赋值

 我来答
幻翼高达Zero
2019-07-15 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.3万
展开全部

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

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

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

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

小清新心萌萌哒
高粉答主

2019-04-24 · 说的都是干货,快来关注
知道答主
回答量:1515
采纳率:100%
帮助的人:40.2万
展开全部

工具/原料

jQuery 浏览器   电脑

方法/步骤

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

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

3、效果如下。

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

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

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
浪尖讨生活9z
高粉答主

推荐于2019-11-12 · 每个回答都超有意思的
知道小有建树答主
回答量:298
采纳率:100%
帮助的人:14.1万
展开全部

例: <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+等。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lei3844
推荐于2017-09-01 · TA获得超过1432个赞
知道小有建树答主
回答量:389
采纳率:66%
帮助的人:220万
展开全部
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'); }
})
})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ml4w5
推荐于2017-09-29 · TA获得超过1394个赞
知道小有建树答主
回答量:625
采纳率:25%
帮助的人:650万
展开全部

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

$("#Text").val("赋值内容")
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式