jQuery简单实现input文本框内灰色提示文本效果的方法
本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法。分享给大家供大家参考，具体如下：
$(function(){
$(".grayTips").each(function(){//遍历每个文本框
varobjTextBox=$(this);
varoldText=$.trim(objTextBox.val());
objTextBox.css("color","#888");
objTextBox.focus(function(){
if(objTextBox.val()!=oldText){
objTextBox.css("color","#000");
}
else{
objTextBox.val("").css("color","#888");
}
});
objTextBox.blur(function(){
if(objTextBox.val()==""){
objTextBox.val(oldText).css("color","#888");
}
});
objTextBox.keydown(function(){
objTextBox.css("color","#000");
});
});
});
说明：需要引入jquery.js文件 input和TextBox都有效
$(function(){
$(".grayTip").each(function(){
var$input=$(this);
$input.css("color","#888");
varoldText=$.trim($input.val());
$input.focus(function(){
varnewText=$.trim($input.val());
if(newText==oldText){
$input.val("");
}
$input.css("color","#000");
});
$input.blur(function(){
varnewText=$.trim($input.val());
if(newText==""){
$input.val(oldText);
$input.css("color","#888");
}
});
});
});
希望本文所述对大家jQuery程序设计有所帮助。