jQueryでCookieがあるか判別する方法。

質問

現在ホームページを制作している初心者です。
jQueryでCookieがあるか判別する方法を教えて下さい。

formの入力欄に背景画像を使用しています。
現在jQuery内に記述している内容↓

$('id名')
.focus(function() { $(this).css("background", "#fff") })
.blur(function() { if ($(this)[0].value == '') { $(this).css("background", "url(画像名.png) left top no-repeat") } });

今現在は、
非focus時は画像が表示、
focus時は背景白、
テキスト入力後非focus時は背景白、
という状態で理想どうりなのですが
一度ページを出て、もう一度同じページに入ると
前回入力したものと画像が同時に出力されていて
とても見づらい状態です。

jQueryでCookieが残ってない時は画像を表示するという記述をしたいのですが
わかりません。

どなたか教えていただけないでしょうか？

ちなみに上記のjQueryの記述は、参考サイトでコピペしたものですので
意味は分かってません。

回答No.1

yyr446

Cookieの有無は関係無いと思うんですけど...
ページ表示の際(windowのonloadイベント)に、フォームに入力欄をクリアしてしまうとか、
戻ってきた時はそのまま残したいなら、「document.referrerを見て戻ってきたときは強制的にフォーカスを当てる、そうじゃない時はクリアーする」のように作ってはどうでしょうか

お礼

回答ありがとうございます。

色々試してみましたが思ったとうりには、出来ませんでした。
できればコメントフォームなので一度コメントすると、
次回コメント時は名前など前回入力したものが出て、背景は消えている
という状態にしたかったです。

せっかく教えて頂いた事もほぼ理解できず、
初心者の自分にはまだ早かったかもしれないです。