jQuery 1.6.2替换文本不起作用

Question

我有一些jQuery我一直用来在搜索框中设置默认文本，当用户进入搜索框时删除文本，然后如果搜索框失去焦点则再次添加文本。 代码如下：

//global vars
var searchBox = jQuery("#plc_lt_mpHeaderContent_SiteSearch_txtWord");
var searchBoxDefaultText = "Keyword, Title, Name";

searchBox.val('Keyword, Title, Name');

//searchbox show/hide default text if needed
searchBox.focus(function () 
{

    if (jQuery(this).attr("value") == searchBoxDefaultText) jQuery(this).attr("value", "");

});

searchBox.blur(function () 
{

    if (jQuery(this).attr("value") == "") jQuery(this).attr("value", searchBoxDefaultText);

});

此代码在jQuery（document）.ready（function（））中启动。 问题是这在jQuery 1.4.2中按预期工作，但是当我在jQuery 1.6.2中尝试相同的代码时，它不起作用。 我想知道我需要做些什么来使它符合1.6.2。 任何帮助是极大的赞赏。

谢谢

Answer 1

将.attr（）更改为.val（）

searchBox.focus(function () 
{
 if ($(this).val() == searchBoxDefaultText)
 {
  $(this).val();
 }
});

searchBox.blur(function () 
{
 if ($(this).val()=="")
  {
   $(this).val(searchBoxDefaultText);
  }
});

Answer 2

Jquery 1.6更新改变了attr的工作原理。 现在你必须改用道具。 发布说明http://blog.jquery.com/2011/05/03/jquery-16-released/

更好的是使用.val（），如下所示：

searchBox.focus(function () 
{

    if (jQuery(this).val() == searchBoxDefaultText) jQuery(this).val("");

});

searchBox.blur(function () 
{

    if (jQuery(this).val() == "") jQuery(this).val(searchBoxDefaultText);

});

Answer 3

通常，你说jQuery(this).val("")而不是jQuery(this).attr("value", "") - 这是否是你的问题，我不知道。

Answer 4

而不是jQuery（this）.attr（“value”） ，我会使用：

jQuery(this).val();                        // for getting value
jQuery(this).val(searchBoxDefaultText);    // for setting value

也就是说，我还建议您查看HTML5的占位符属性（对于兼容的浏览器），然后为非HTML5浏览器添加jQuery.hint（或任何类似的插件）。 不要重新发明轮子。