jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
更新时间：2016年08月25日 09:59:49 投稿：jingxian
下面小编就为大家带来一篇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实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文详细讲解了Jquery操作DOM元素的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
jQuery UI Datepicker length为空或不是对象错误的解决方法
jQuery UI Datepicker length为空或不是对象错误的解决方法,需要的朋友可以参考下。2010-12-12
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
这篇文章主要介绍了JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作,涉及jquery事件响应及页面元素属性动态操作相关使用技巧,需要的朋友可以参考下2019-11-11
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
input输入框在获得或失去焦点时隐藏或显示文字，这样的焦点效果想必很多朋友在填写form表格的时候都曾见识过吧，本文使用jquery实现以下，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了jQuery插件Validate实现自定义表单验证，自定义一个验证方法，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了jQuery响应滚动条事件功能,可实现针对滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现MSN中文网滑动Tab菜单效果代码,基于jQuery鼠标事件实现页面元素属性动态切换的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
本文给大家介绍的是一款使用jQuery实现的简易选项卡的代码，通过控制css熟悉来实现tab切换，思路清晰，这里推荐给大家。2015-03-03
这篇文章主要介绍了jQuery的文档处理程序,结合实例形式详细分析了jQuery文档处理程序的概念、原理、使用方法与相关注意事项,并详细讲述了文档处理程序的优势,需要的朋友可以参考下2016-05-05
许多人在使用JQuery.ajax方法时肯定会遇到一个问题。在编码不是UTF-8的时候，当传递的参数里有中文的时候，服务端Request的时候都会出现乱码。2011-05-05
最新评论