jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
更新时间：2010年03月21日 12:17:32 作者：
表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的jQuery代码
复制代码 代码如下:
<input value="请输入用户名" type="text">
<input value="请输入密码" type="text">
<input value="提交" type="submit">
<script>
$(function(){
//输入框中文字颜色控制
$("input:not(:last)").css("color","#999");
});
//用户名框鼠标焦点移进，文字消失
$("input:first").click(function () {
var check1 = $(this).val();
if (check1 == this.defaultValue) {
$(this).val("");
}
});
//用户名框鼠标焦点移出，文字显示
$("input:first").blur(function () {
$(this).val(this.defaultValue);
});
//密码框鼠标焦点移进，文字消失
$("input:eq(1)").click(function () {
var check2 = $(this).val();
if (check2 == this.defaultValue) {
$(this).val("");
}
//密码框鼠标焦点移出，文字显示
$("input:eq(1)").blur(function () {
$(this).val(this.defaultValue);
});
})
</script>
相关文章
此文将实现一个的jQuery表格插件jQuery.DataGrid。需要的朋友可以参考下。2010-07-07
本文为大家介绍的这个示例为jquery实现的预览图片，当鼠标放上去显示实际大小，感兴趣的朋友可以学习下2014-01-01
这篇文章主要为大家详细介绍了jquery编写Tab选项卡滚动导航切换特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了jquery实现点击变换导航样式的方法,可实现点击导航菜单选项时动态变换对应选中项样式的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
经常我们玩微信都会用到查到附近的人，都是在app上实现手机摇一摇的功能。现在，我们将此技术搬移到手机web上，供大家学习，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了jQuery移除或禁用html元素点击事件常用方法,结合实例形式总结分析了jQuery针对onclick事件的禁用与屏蔽技巧,需要的朋友可以参考下2017-02-02
下面小编就为大家带来一篇jQuery之简单的表单验证实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
下面小编就为大家带来一篇jquery select2的使用心得(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
EasyUI Combobox设置默认值 获取text的方法
这篇文章主要介绍了EasyUI Combobox设置默认值 获取text的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jQuery中$原理,结合实例形式分析了jQuery中$的原理与运行机制,并具体分析了jQuery对象构造的具体原理,需要的朋友可以参考下2018-08-08
最新评论