用jQuery实现搜索框效果

Last modified：2013-06-13 12:56:21
**********************************
搜索框效果：
搜搜：<input type="text" id="tid"/><input type="button" value="搜索" onClick="todo();"/>
<script type="text/javascript">
	$(function(){
		$("#tid").val("请输入关键词").addClass("wait")
		.blur(function(){
			if($(this).val()==""){
				$("#tid").val("请输入关键词").addClass("wait");
			}
		}).focus(function(){
				if($(this).val()=="请输入关键词"){
				$("#tid").val("").removeClass("wait");
			}
		});
	});
	function todo(){
		var word = $("#tid").val();
		if(word == "请输入关键词" && $("#tid").hasClass("wait")){
			alert("请输入关键词在搜索");
			return;
			}
		window.location = "http://www.baidu.com/s?word="+word;
		}
</script>