当前位置:  编程技术>jquery

jquery响应鼠标事件 jquery隐藏与显示input默认值

    来源: 互联网  发布时间:2014-10-09

    本文导语:  例子,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...

例子,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 默认值-www.</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>

    
 
 

您可能感兴趣的文章:

  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery响应式侧栏菜单插件 sidr
  • jQuery随机及响应式画廊插件 least.js
  • jQuery 表格响应式插件 FooTable
  • jQuery 响应式滑块插件 PgwSlider
  • jQuery 响应式对话框 PgwModal
  • 响应式 jQuery 插件 Tipue drop
  • jQuery 响应式插件 rotation.js
  • jQuery响应布局插件 Freetile
  • jQuery 响应式网格图库 GridGallery
  • jquery ajax提交无响应怎么办?解决方法
  •  
    本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.169IT.COM)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery显示隐藏密码插件 jquery.toggle-password
  • jquery控制css的display属性(显示与隐藏)
  • jquery显示与隐藏div的方法示例
  • jquery控制css元素的display(显示与隐藏)属性
  • jquery控制css display属性(控制元素显示与隐藏)
  • jQuery判断元素显示与隐藏
  • jquery hide与show方法隐藏与显示标签
  • jquery实现div层的隐藏或显示
  • jquery显示、隐藏div的方法举例
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  • jquery隐藏标签、显示标签的例子
  • jquery通过visible来判断标签是否显示或隐藏
  • jquery form 隐藏的input 选择
  • jquery判断元素是否隐藏的2种方法
  • jQuery判断对象是否显示或隐藏
  • Jquery判断div是否为空以实现显示或隐藏的代码
  • jQuery使任意div随意隐藏的代码举例
  • jquery hide方法隐藏元素的例子
  • 比较不错的JS/JQuery显示或隐藏文本的方法
  • jQuery屏蔽页面所有超链接及隐藏状态栏网址的代码
  • jQuery进度条插件 jQuery Progression
  • jQuery 对话框插件 Dialog jQuery Plugin
  • jQuery滚动效果插件 jQuery.SerialScroll
  • jQuery电子表格插件 jQuery.sheet
  • jQuery无限幻灯片插件 jQuery Carousel
  • jQuery日期选择插件 jQuery UI Datepicker
  • jQuery分页插件 jQuery Pagination
  • jQuery表单验证插件 jQuery.validity
  • jQuery条形码插件 jQuery Barcode
  • jQuery 星级评分插件 jQuery Raty
  • jQuery 内容滑动插件 Basic jQuery Slider


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号