ホームページ > ウェブフロントエンド > jsチュートリアル > search box_jquery の一般的な効果を実現する jquery メソッド

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

WBOY
リリース: 2016-05-16 16:18:33
オリジナル
1104 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート