⽂本框域⽂字提⽰（placeholder）⾃动显⽰隐藏jQuery⼩插件// ⽂本框⽂本域提⽰⽂字的⾃动显⽰与隐藏
(function($){
$.fn.textRemindAuto = function(options){
jquery插件编写options = options || {};
var defaults = {
blurColor: "#999",
focusColor: "#333",
auto: true,
chgClass: ""
};
var settings = $.extend(defaults,options);
$(this).each(function(){
if(defaults.auto){
$(this).css("color",settings.blurColor);
}
var v = $.trim($(this).val());
if(v){
$(this).focus(function(){
if($.trim($(this).val()) === v){
$(this).val("");
}
$(this).css("color",settings.focusColor);
if(settings.chgClass){
$(this).toggleClass(settings.chgClass);
}
}).blur(function(){
if($.trim($(this).val()) === ""){
$(this).val(v);关于黑客编程的知识
}
$(this).css("color",settings.blurColor);
jbpmif(settings.chgClass){
$(this).toggleClass(settings.chgClass);
jquery下载文件插件
}
});
}
});
};
})(jQuery);
使⽤
使⽤很简单，⽅法是：textRemindAuto，最简单是使⽤类似下⾯代码：
$(".remindAuto").textRemindAuto();
参数
三个可控参数，⼀是默认的失去焦点的⽂字颜⾊，⼀个是⽂本框获得焦点时的⽂字颜⾊，还有⼀个就是切换显⽰的class，参见下⾯的实例：
$("#test").textRemindAuto({kafka如何保证消息不丢失
blurColor: "green",
focusColor: "red",
chgClass: "change"
xcode11教程
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。