本文实例讲述了jquery实现搜索框常见效果的方法。分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下: jquery搜索框效果 <br /> $(function(){<br /> var searchBox = $("#search");<br /> searchBox.focus(function(){<br /> if(searchBox.val() == this.title){<br /> searchBox.val("").css({'font-style':'normal','color':'#000'});<br /> }<br /> });<br /> //光标离开搜索框时<br /> searchBox.blur(function(){<br /> if(searchBox.val() == ""){<br /> searchBox.val(this.title).css({'font-style':'italic','color':'#ccc'});<br /> }<br /> });<br /> searchBox.blur();<br /> });<br /> 希望本文所述对大家的jQuery程序设计有所帮助。