欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery搜索文本框提示

程序员文章站 2022-07-14 18:05:29
...

<input name="" type="text" class="ser_content" value="搜索好音乐" />
//搜索文本提示
	var $ser_content = $('.ser_content');			
//得到焦点事件
	$ser_content.focus(function() {
                var text = $(this).val();
		if(text ==this.defaultValue){
			$(this).val("");
		}
            });			
//失去焦点时的事件
	$ser_content.blur(function() {
                var text = $(this).val();
		if(text == ""){
		  $(this).val(this.defaultValue)
		}
            });