jquery 根据name属性获取对象（=document.getElementByName("") )

最新推荐文章于 2023-01-05 22:39:17 发布

原创最新推荐文章于 2023-01-05 22:39:17 发布 · 820 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery来为输入框添加焦点效果，并将一个输入框的内容复制到另一个输入框中。通过这个示例，读者可以了解到jQuery的基本用法以及如何在网页中应用简单的交互效果。

<html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").focus(function(){
        $("input").css("background-color","#FFFFCC");
      });
      $("input").blur(function(){
        $("input").css("background-color","#D6D6FF");
    var dd=$(":input[name='login']").val();
    $(":input[name='login22']").val(dd);
      // $("#txt").attr("value",'11');//填充内容
      });
    });

    //$(":input[name='login']").val()
    </script>
    </head>
    <body>
    Enter your name: <input type="text" /><br>
    <input type="text" name="login" value="vvvvv"/><br>
    <input type="text" name="login22" value=""/><br>
    请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。

    </body>
    </html>