jquery input提示框

234234orz

于 2012-11-11 00:52:41 发布

阅读量3k

点赞数

本文链接：https://blog.youkuaiyun.com/Liaq325/article/details/8170466

版权

/**
 * input提示框
 * 链式编程，jquery对象调用方法返回jquery对象
 * <input type="text" inputTip="请输入用户名/邮箱" name="username" id="username" class="inputBlur">
 * .inputFocus{
		color :  #C0C0C0;
	}
	.inputBlur{
		color : black;
	}
 */

$(function(){
	$("#username").focus(function(){
		if($(this).val()==$(this).attr("inputTip")){
			$(this).val("");
		}
		$(this).addClass("inputFocus");
	}).blur(function(){
		if($.trim($(this).val()).length == 0){
			$(this).val($(this).attr("inputTip"));
			$(this).removeClass("inputFocus");
		}
	}).blur();
});