Javascript jQuery代码被应用于许多输入，但我只希望它应用于（搜索框）的预期输入？

我正在创建一个扩展的搜索框，当它处于焦点时，它会被扩展，当离开焦点时会收缩，但我的页面中有许多按钮、文本框和单选按钮，当单击或聚焦其他相同的搜索框时，它会被扩展和收缩

         The code I am using:

---

使用$'input'，可以选择各种输入。为搜索框指定一个id或类属性，例如，然后使用$'searchBox'或$'.searchBox'选择它作为类属性。

如果您的searchBox是这样的aspnet控件

那么正确的选择器应该是这样的：

$

---

希望对您有所帮助

这段代码是谁写的？您是否意识到每个焦点上的搜索值都被清除了？我不喜欢这样，但是当我尝试取消注释下面的代码时//$this.valfunction{//$this.val；//}；我在搜索框中看到的是以下内容：函数{并且感谢您提供的解决方案。非常感谢。我将$'input'。focusfunction改为$'searchBox'。focusfunction并添加了另一个更改，即$'searchBox'。blurfunction，而不是$'input'。blurfunction。现在它正在工作。再次感谢

    <script  type="text/javascript" src="for admg/jquery-latest.min.js"></script> 

    <script type="text/javascript">
        //global vars
        var inputWdith = '150px';
        var inputWdithReturn = '100px';
        $(document).ready(function () {
            $('input').focus(function () {
                //clear the text in the box.
             //   $(this).val(function () {
             //       $(this).val('');
             //   });
                //animate the box
               $(this).animate({
                    width: inputWdith

                }, 500)
            });

            $('input').blur(function () {
                $(this).val(' Search  ');
                $(this).animate({
                    width: inputWdithReturn 
                }, 800) 
            });
        });

    </script>