乖兔博客

善用佳软~
放飞你的工作效率
乖兔 > CMS系统 > javascript > jquery给input插入赋值的方法

jquery给input插入赋值的方法

乖兔 更新于: 2020-03-26 分类:javascript 评论 ( 0 )

jquery复制input的使用例子.jpg

首先来看一点小小的区分

  • val(val)是jquery赋值input的函数

  • val()是jquery取值input的函数

这两个函数区别就是一个带参数,一个不带参数,容易混淆。

val(val)函数赋值到input输入框的写法

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

jquery复制操作的实际使用例子

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


打赏

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!