乖兔博客

乖兔 > CMS系统 > javascript > jquery给input插入赋值的方法

jquery给input插入赋值的方法

乖兔更新于： 2020-03-26 分类：javascript

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

打赏