复制代码代码如下所示：
搜索框效果
$（函数（）{（））
$（#搜索）。瓦迩（请输入搜索内容），AddClass（C1）；
$（#搜索'）。焦点（功能）（{ / /搜索框获得焦点
$（#搜索）。瓦迩（），AddClass（C2）；
}）；
$（#搜索）。Blur（功能）（{ / /搜索框失去焦点
如果（美元。Val）（#搜索）（= ={）
$（#搜索）。瓦迩（请输入搜索内容），Attr（班
}
}）；
}）；
C1：颜色：灰色；字体样式：斜体；}
颜色：#。C2 { 000 }；字体样式：正常；
搜索
附加说明：一些不完善的地方，如果有其他样式的搜索框，如果我们失去焦点，如果我们使用的代码示例中，然后其他的款式都会消失，因为attr（）设置风格。如果addClass（）是用来作为一个额外的模式，这将是不适当的，虽然它能达到的效果，但原来的C2风格依然存在。当它被显示时，它被C1风格替换（需要C2风格写在C2后面）。
在修改了上述问题之后，更好的版本（代码可以优化和简单）。
复制代码代码如下所示：
搜索框效果
$（函数（）{（））
$（#搜索）。瓦迩（请输入搜索内容），AddClass（C1）；
$（#搜索'）。焦点（功能）（{ / /搜索框获得焦点
如果（美元。Val）=（#搜索）（请输入搜索内容）{
$（#搜索）。瓦迩（），AddClass（C2）。RemoveClass（C1）；
}
}）；
$（#搜索）。Blur（功能）（{ / /搜索框失去焦点
如果（美元。Val）（#搜索）（= ={）
$（#搜索）。瓦迩（请输入搜索内容），AddClass（C1）。RemoveClass（C2）；
}
}）；
}）；
C1：颜色：灰色；字体样式：斜体；}
颜色：#。C2 { 000 }；字体样式：正常；
搜索
希望本文能对大家的jQuery程序设计有所帮助。
