【解决方案】 　　1. 准备工作 　　（1）输入框 复制代码 代码如下: <input type="text" name="searchText" title="请输入搜索关键字" /> 　　（2）CSS代码 复制代码 代码如下: input.helpText { color: #aaa;} （3）转换方法 复制代码 代码如下: function switchText() { if ($(this).val() == $(this).attr('title')) $(this).val('').removeClass('helpText'); else if ($.trim($(this).val()) == '') $(this).addClass('helpText').val($(this).attr('title')); } （4）具体实现 复制代码 代码如下: $('input[type=text][title!=""]').each(function() { if ($.trim($(this).val()) == '') $(this).val($(this).attr('title')); if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText'); }).focus(switchText).blur(switchText); $('form').submit(function() { $(this).find('input[type=text][title!=""]').each(function() { if ($(this).val() == $(this).attr('title')) $(this).val(''); }); }); 2. 参考文章 http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/

　　推荐阅读

　　jQuery帮助之筛选查找 children([expr])

children([expr]) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。 可以通过可选的表达式来过滤所匹配的子元素。注意：parents()将查找所有祖辈元素，而children()之考虑子元素而不考虑所有后代元>>>详细阅读

本文标题：基于jQuery的输入框无值自动显示指定数据的实现代码

地址：http://www.17bianji.com/kaifa2/JS/24972.html

 1/2    1