cari

Rumah >hujung hadapan web >tutorial js >jquery怎么生成元素

jquery怎么生成元素

coldplay.xixi
coldplay.xixiasal
2020-11-16 11:20:352955semak imbas

jquery生成元素的方法：1、加入代码【$("html代码")】；2、使用html函数，html函数是修改元素中的html代码，可以做到创建元素。

jquery怎么生成元素

本教程操作环境：windows10系统、jquery2.2.4，本文适用于所有品牌的电脑。

推荐：《jquery视频教程》

jquery生成元素的方法：

创建元素

方法1：$("html代码")

方法2：或者使用html函数，html函数是修改元素中的html代码，也可以做到创建元素

示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <style>
        div {
            width: 300px;
            height: 200px;
            border: 1px solid red;
        }
    </style>
    <script src="jquery-1.12.1.js"></script>
    <script>
        $(function () {
            //点击一个按钮,创建一个按钮
            $("#btn").click(function () {
                $("<input type=&#39;button&#39; value=&#39;按钮&#39;>").appendTo($("#dv"));
            });
            //元素创建的另一个方式
            $("#btn").click(function () {
                //通过innerHTML的方式创建元素---以字符串的方式
                $("#dv").html("<input type=&#39;button&#39; value=&#39;按钮&#39;>");
            });
        });
    </script>
</head>
<body>
<input type="button" value="创建一个按钮" id="btn"/>
<div id="dv">
    小苏凑合有点帅吧
</div>
</body>
</html>

相关免费学习推荐：JavaScript（视频）

Atas ialah kandungan terperinci jquery怎么生成元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery html
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：怎么用reactArtikel seterusnya：react怎么显示隐藏

Artikel berkaitan

Lihat lagi