jquery 多个文本框赋值_jquery为input赋值方法总结

这篇博客介绍了jQuery中`val()`函数在input元素上的使用,包括如何通过`val(val)`给input赋值以及如何无参数使用`val()`获取input的值。示例代码展示了在登录场景下,如何在文本框获取焦点时清除提示信息,以及失去焦点时若内容为空则显示提示信息的实现。
摘要由CSDN通过智能技术生成

jquery给input赋值val(val)。

val(val)是jquery函数,最容易混淆的是获取input的函数是val();

区别非常小,一个是带参数,一个是不带参数;

复制代码 代码示例:

$("#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赋值的方法,此方法常用,希望大家能掌握。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值