首頁 > web前端 > js教程 > jquery怎麼生成元素

jquery怎麼生成元素

coldplay.xixi
發布: 2020-11-30 11:22:10
原創
2955 人瀏覽過

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(影片)

以上是jquery怎麼生成元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板