search box_jquery の一般的な効果を実現する jquery メソッド

この記事の例では、jquery が検索ボックスの一般的な効果を実装する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピーします コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
$(関数(){
var searchBox = $("#search");
searchBox.focus(function(){
If(searchBox.val() == this.title){
SearchBox.val("").css({'font-style':'normal','color':'#000'});
}
});
//カーソルが検索ボックスから離れたとき
searchBox.blur(function(){
If(searchBox.val() == ""){
SearchBox.val(this.title).css({'font-style':'italic','color':'#ccc'});
}
});
searchBox.blur();
});

この記事が皆さんの jQuery プログラミングに役立つことを願っています。