映射

最新推荐文章于 2024-02-01 23:33:46 发布

恋恋玫瑰花

最新推荐文章于 2024-02-01 23:33:46 发布

阅读量178

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_42923643/article/details/81605798

版权

jQuery 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>映射</title>

    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            // map(),把jQuery对象中的每个元素映射到一个新的jQuery对象中
            $("#submit").click(function(){
                $("p").html("<h2>提交信息</h2>").append($("input").map(function(){
                    return $(this).val();
                }).get().join("--"));
                return false;
            });
        });
    </script>
</head>
<body>
    <form action="#">
        用户名<input type="text" name="name" value="zhangsan"><br>
        密码<input type="password" name="password" value="123456"><br>
        网址<input type="text" name="url" value="http://www.baidu.com"><br>
        <button id="submit">提交</button>
    </form>
    <p></p>

</body>
</html>

恋恋玫瑰花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
映射

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;映射&lt;/title&gt; &lt;script type="text/javascript" src="
复制链接

扫一扫

专栏目录