jQuery响应鼠标事件并隐藏与显示input默认值
更新时间：2014年08月24日 09:36:31 投稿：whsnow
这篇文章主要介绍了jQuery响应鼠标事件并隐藏与显示input默认值的具体实现,需要的朋友可以参考下
分享下jQuery如何隐藏和显示 input 默认值的例子。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery 隐藏与显示 input 默认值</title>
<script language="javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p>
<p><input type="button" value="提交" /></p>
<script type="text/javascript">
$("#email").focus(function(){
var email_txt = $(this).val();
if (email_txt == this.defaultValue) {
$(this).val("");
}
})
$("#email").blur(function(){
var email_txt = $(this).val();
if (email_txt == "") {
$(this).val(this.defaultValue);
}
})
</script>
</body>
</html>
相关文章
在做ajax登录时候遇到的一个问题，当传入参数含有特殊字符，比如：“$'#@”等。参数传递会有问题，无法正确获取。本文章向码农介绍jQuery ajax特殊字符参数解决方法，需要的朋友可以参考一下。2016-10-10
这篇文章介绍了JQuery获取对象的方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
在我们对一个dom添加mouseover和mouseout时，也就是jquery的hover事件，如果该dom有子元素，鼠标移到子元素时会触发mouseout事件，但往往实际情况我们希望在子元素上不触发out事件2011-12-12
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
JQuery构建客户/服务分离的链接模型中Table分页代码效率初探！2010-01-01
这篇文章主要介绍了jquery日历插件datepicker用法,结合实例形式分析了jquery日历插件datepicker的定义与使用技巧,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery实现折叠、展开的菜单组效果代码,涉及jQuery针对页面元素属性动态操作的相关技巧,展开折叠效果平滑自然,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了高效jQuery选择器的5个技巧,结合实例形式总结分析了jquery选择器使用过程中发的各种常用技巧,需要的朋友可以参考下2019-11-11
这篇文章主要为大家详细介绍了jquery实现网页定位导航，具有一定的实用价值和参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了jQuery插件版本冲突的处理方法,结合具体实例形式分析了jQuery基于noConflict方法解决版本冲突的处理技巧,需要的朋友可以参考下2017-01-01
详解easyui基于 layui.laydate日期扩展组件
这篇文章主要介绍了详解easyui基于 layui.laydate日期扩展组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最新评论