jquery如何给input赋值
例: <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+等。
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'); }
})
})
文本框 <input type="text" id="Text"> 赋值:
$("#Text").val("赋值内容")