例子名称：文本框得到/失去焦点
效果1：文本框得到焦点时，背景颜色发生变化，失去焦点时背景颜色恢复。
代码：
$(document).ready(function()
{
$(":input").focus(function(){
$(this).addClass("focus");
}).blur(function(){
$(this).removeClass("focus");
})
})
该例子中所用到的事件方法：
a.focus(fn):在每一个匹配的focus事件中绑定一个处理函数。
fn (Function) : 在每一个匹配元素的focus事件中绑定的处理函数。
focus事件可以通过鼠标点击或者键盘上的Tab导航触发
b.blur(fn):在每一个匹配元素的blur事件中绑定一个处理函数
fn (Function) : 在每一个匹配元素的blur事件中绑定的处理函数。
blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开时触发。
效果2：文本框含有默认值，当文本框得到焦点时，文本框的默认值消失
代码：
$(document).ready(function(){
$(":input").focus(function(){
$(this).addClass("focus");
if($(this).val() ==this.defaultValue){ //判断文本框的值是否是默认值
$(this).val(""); }
}).blur(function(){
$(this).removeClass("focus");
if ($(this).val() == '') {
$(this).val(this.defaultValue);
}
});
})
在制作网页时，以上两种情况可能比较常见，希望对大家有帮助。