Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery为input赋值方法总结

jquery为input赋值方法总结

发布时间:2015-12-25   编辑:www.jquerycn.cn
本文介绍了jquery为input赋值的方法,有关jquery val()函数赋值的例子,有需要的朋友参考下。

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'); } 
}) 
})

以上介绍了jquery中val()函数为input赋值的方法,此方法常用,希望大家能掌握。

您可能感兴趣的文章:
jquery为input赋值方法总结
Jquery中val()表单取值赋值的实例代码
jquery text(),val(),html()方法区别总结
jQuery操作input值的各种方法总结
jQuery设置input type值示例
Jquery 表单元素取值与赋值方法总结
jquery中html、val与text三者属性取值的联系与区别介绍
Jquery获得控件值的三种方法总结
Jquery为a标签中href赋值的示例代码
Jquery知识点三 jquery表单对象操作

关键词: input  赋值   
[关闭]