发布于 2016-11-14 21:58:01 | 178 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法。分享给大家供大家参考,具体如下:
$(function(){
$(".grayTips").each(function(){ //遍历每个文本框
var objTextBox=$(this);
var oldText=$.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");
var oldText=$.trim($input.val());
$input.focus(function(){
var newText=$.trim($input.val());
if (newText==oldText){
$input.val("");
}
$input.css("color","#000");
});
$input.blur(function(){
var newText=$.trim($input.val());
if(newText==""){
$input.val(oldText);
$input.css("color","#888");
}
});
});
});
希望本文所述对大家jQuery程序设计有所帮助。