jQuery实用小技巧_输入框文字获取和失去焦点的简单实例

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例

 <input id="txt" class="text1" type="text" />  

<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">

$(function () {

  $("input.text1").val("输入文字！");

  textFill($('input.text1'));

})
function textFill(input) {

  var str = input.val();
  input.focus(function () {
 if ($.trim(input.val()) == str) {

 input.val('');
 }
 }).blur(function () {
  if ($.trim(input.val()) == '') {
  input.val(str);
  }

});
}

</script>

以上这篇jQuery实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • jQuery前端开发35个小技巧

    废话不说 直接代码,有问题可以一起交流 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment fields) $(docu

  • jquery操作复选框(checkbox)的12个小技巧总结

    1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项$('input:checkbox').each(function() {        if ($(this).attr('che

  • 几个比较经典常用的jQuery小技巧

    几个比较经典常用的jQuery小技巧

    > 唔,这个主题挂的时间也够长的了,也该换换了,到时候找找看有没有合胃口的主题. > 话说,最近有点偏向 PHP 去了,我发现贪多嚼不烂,所以就又回到主题咯,(*^__^*) 嘻嘻. 1. Jquery 库的调用: > 呵呵,相信很多童鞋早就会了,不过还是得提一下,忘记就杯具咯. > 第一个是常用的 Google 托管处的 jQuery 库地址. > 而第二个则是 jQuery 官方网站的库地址,随时获取最新版,嘿嘿. 复制代码 代码如下: <script src=&q

  • Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)

    比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与其他Javascript类库冲突问题. 具体如下: 1. 禁止右键点击 复制代码 代码如下: $(document).ready(

  • 七个不允许错过的jQuery小技巧

    七个不允许错过的jQuery小技巧

    jQuery是一款轻量级的JavaScript库,是最流行的客户端HTML脚本之一,它在WEB设计师和开发者中非常的有名,并且有非常多有用的插件和技术. 本文我们将为大家分享一些jQuery小技巧: 一.在新窗口打开链接 用下面的代码,你点击链接即可在新窗口打开: $(document).ready(function() { //select all anchor tags that have http in the href //and apply the target=_blank $("a

  • jQuery中的一些小技巧

    jQuery中的一些小技巧

    JQ使用过程中,一些小技巧: 1.is()方法 根据选择器.元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true.一些小应用如下: <ul> <li>list <strong>item 1</strong></li> <li><span>list item 2</span></li> <li>list item 3</li>

  • 15个jquery常用方法、小技巧分享

    1.获取td的行标和列标 复制代码 代码如下: $(this).prop('cellIndex') 2.判断是否是回车按下 复制代码 代码如下: var myEvent = event || window.event;  var key = myEvent.keyCode;  if(key == 13){     //此时为回车按下          } 3.全选和反选 复制代码 代码如下: $("#selectall").click(function(){     if($(&quo

  • jQuery提交多个表单的小技巧

    <script type="text/javascript"> $(function(){ $("#btnSubmit").click(function(){ $("form[name='form1']").submit(); $("form[name='form2']").submit(); }) }) </script> <form name = "form1" actio

  • jQuery开发者都需要知道的5个小技巧

    1.禁用右键菜单 复制代码 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.让字体闪烁 复制代码 代码如下: jQuery.fn.flash = function( color, duration ) { var current = this.css( 'color' ); this.animate( { color: 'rgb

  • WEB前端开发都应知道的jquery小技巧及jquery三个简写

    一个简单技巧的集合,帮你提升 jQuery 技能.目前小编给大家整理了14个jquery小技巧. 目录结构 1回到顶部按钮 2预加载图片 3检查图片是否加载完毕 4自动修复损坏的图片 5Hover 上的 Class 开关 6禁用 input 字段 7停止链接加载 8淡入淡出/滑动开关 9简单的折叠效果 10将两个 Div 设为相同高度 11在新窗口打开外部链接 12找到文本元素 13切换可视与隐藏的触发器 下面给大家介绍每个小技巧的具体含义. 1.回到顶部按钮 通过使用 jQuery 中的 an

随机推荐