Question

我是jquery的新手，需要一些帮助。我创建了以下功能，它可以实现我想要的功能，但是当我选择文本框时，会自动选择其他文本框。如何更改它并从文本框中传递参数，以便只有选定的文本框css会在焦点和模糊处发生变化？

   <script language="javascript" type="text/javascript">
   $(function () {
       $('.myTextBox').focus(function () {

           $('.box.textbox').addClass("active");
       }).blur(function () {
           $('.box.textbox').removeClass("active");
       });
   });
</script>

Answer 1

尝试：

   $(function () {
   $('.myTextBox').focus(function () {

       $(this).addClass("active");
   }).blur(function () {
       $(this).removeClass("active");
   });

}）;

Answer 2

您想要更新触发事件的对象，请尝试;

  $(function () {
       $('.myTextBox').focus(function () {
           $(this).addClass("active");
       }).blur(function () {
           $(this).removeClass("active");
       });
   });

Answer 3

回答：“谢谢。在我的输入中我需要放置什么，因为该功能同时处理焦点和模糊<input id="Text1" type="text" attachhow="?" />”

您应该添加$（document）.ready。

在html之后添加调用：

<html>
     <%--  <div class="box textbox" style="width: 300px;">
        <div class="topcorners">
            <div>
                <div>
                </div>
            </div>
        </div>
        <div class="middle">
            <div class="left">
                <div class="right">
                    <input type="text" tabindex="1" maxlength="70" size="22" style="width: 292px;" class=" tbox"
                        id="email1" name="email1"/>
                </div>
            </div>
        </div>
</html>

<script type="text/javascript">
    $(document).ready(
    $(function () {
       $('.myTextBox').focus(function () {

           $(this).addClass("active");
       }).blur(function () {
           $(this).removeClass("active");
       });
    );
</script>

Answer 4

抱歉，要成为一个真正的nob。我的输入看起来像这样

 <input type="text" tabindex="1" maxlength="70" size="22" style="width: 292px;" class="myTextBox" 
                id="email1" name="email1"/>

当文本框出现焦点或模糊时，则该函数会更改我的div class =“而不是实际的文本框

将jquery函数附加到某些文本框

4 个答案: