169it科技资讯


当前位置:  编程技术>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" 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>

    
相关技术文章:
    ▪jquery弹窗代码示例

     1,jquery脚本,弹窗代码。   代码示例: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $('.popup').click(function (event) { event.preventDefault(); var iTop = (window.screen.height-30-600)/2; var iLeft = (window.screen.width-10-850)/2; window.open($(this).attr("href"), "popupWindow", "width=850,height=600,top="+iTop+",left="+iLeft+",scrollbars=yes"); }); </script> 例子:   <a hre=http://www. class="popup">xxx</a>......


    ▪jquery遮罩层弹窗广告代码

     1,html部分   代码示例: <div>点击这里</div>  <div>效果增强版的</div>  <div></div>  <div>这里是正文内容</div> 2,css部分   代码示例: .bg{display:none;position:fixed;width:100%;height:100%;background:#000;z-index:2;top:0;left:0;opacity:0.7;} .content{display:none;width:500px;height:300px;position:fixed;top:50%;margin-top:-150px;background:#fff;z-index:3;left:50%;margin-left:-250px;} 3,js弹窗代码   代码示例: $(function(......


    ▪jQuery右下角弹出广告代码兼容多浏览器

     用jQuery写了个右下角弹出广告,经过测试完美支持各个浏览器。 需要JQ库,可以去jQurey官网去下载,下载后调入js文件,然后加上以下js:   代码示例: <script type="text/javascript" language="javascript"> $(document).ready(function(){ var menutop = $(window).height() - $("#test2").height(); var menuright = $(window).width() - $("#test2").width(); $(window).scroll(function (){ var offsetTop = menutop + $(window).scrollTop(); $("#test2").css("top",offsetTop ); $("#test2").css("left",menuright); }); $("#gbb").click(function(){ $("#test2").hide("fast"); })......


 
最新技术文章:
    ▪jquery怎么限制文本框只能输入数字?

     如何用jquery 限制文本框只能输入数字呢?   先来看一个简单的例子:    代码示例: $("input[name='fangwenyudinhuishu']").keyup(function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).bind("paste",function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).css("ime-mode", "disabled");    以上是keyup事件处理,接着处理了CTR+V事件,最后是css设置输入法不可用。 例子,用jquery限制文本框只能输入数字:(......


    ▪jquery显示与隐藏div的方法示例

     例子,显示与隐藏div。   $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法  以下是一些显示与隐藏div,给元素设置style属性的方法。   1,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性   $("#sendPhoneNum").attr("class", "n_input3");  2,给元素设置style属性   $("#top_notice").attr("style", "display:block;");    3,通过jquery的css方法,设置div隐藏   $("#sendPhoneNum").c......


    ▪jquery怎么获取div的id值?

     例子,jquery获得div的id。   <div id="product_shift_out_{m}"> </div>  <script language = "JavaScript" type="text/javascript">  $(document).ready(function(){  name = $('div').eq(0).attr('id');  alert(name)  });  </script> eq(0)是取第一个jq元素。   eq(index) 匹配一个给定索引值的元素 -------------- Matches a single element by its index. 返回值 Element 参数 index (Number) : 从 0 开始计数 例子,查找第二行。   <table> <tr><td>Header 1</td></tr> <tr><td>Va......


 


站内导航:


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

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

浙ICP备11055608号