Javascript 使用jquery创建div元素无效

我正在尝试使用

jquery

创建元素并加载html文件，但我的代码不起作用我尝试了不同的方法，但没有一种方法对我不起作用第一个代码是

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     jQuery("</div>", {"id": "createFreeAccountDiv"}).load("js/Modals/createFreeAccount.html", function() {
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    });
});

因为我已经在一个html文件中创建了div。 最后，我不想自己创建

div

我想用

jquery

创建

div

并加载具有引导模式的html文件。

jquery（“，

需要是

jquery（”，

或

jquery（“，

因此，代码需要：-

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     append(jQuery("<div id='createFreeAccountDiv'></div>").load("js/Modals/createFreeAccount.html", function() {       
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    }));
});

jQuery（document）。在（“click”、“#clicktocreatefreecount”上，函数（e）{
append（jQuery（“”）.load（“js/Modals/createFreeAccount.html”，function（）{
e、 预防默认值（）；
jQuery.noConflict（）；
jQuery（“createFreeAccountModal”）.modal（“show”）；
}));
});

jQuery（“，

需要是

jQuery（“，

或

jQuery（“，

因此，代码需要：-

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     append(jQuery("<div id='createFreeAccountDiv'></div>").load("js/Modals/createFreeAccount.html", function() {       
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    }));
});

jQuery（document）。在（“click”、“#clicktocreatefreecount”上，函数（e）{
append（jQuery（“”）.load（“js/Modals/createFreeAccount.html”，function（）{
e、 预防默认值（）；
jQuery.noConflict（）；
jQuery（“createFreeAccountModal”）.modal（“show”）；
}));
});

$（文档）.ready（函数（）{
var config=“欢迎光临”
jQuery（'body'）.append（config）；
});

$（文档）.ready（函数（）{
var config=“欢迎光临”
jQuery（'body'）.append（config）；
});

$（“#元素名称”）。追加（“”）；
或
$（“#clickToCreateFreeAccount”）。在（'单击'，函数（）上
{
$（“#元素名称”）。追加（“”）；
});

$（“#元素名称”）。追加（“”）；
或
$（“#clickToCreateFreeAccount”）。在（'单击'，函数（）上
{
$（“#元素名称”）。追加（“”）；
});

检查控制台是否有错误。还要注意，在尝试

加载（）内容之前，最好先将新元素放入DOM中
jQuery（“，
必须是
jQuery（“，
”），而不是
”）
投票以打字错误结束..谷歌搜索说什么？@Satpal我尝试了这个
jQuery（“，{”id:“createFreeAccountDiv”}
它在控制台中给出了错误，错误是
未捕获的TypeError:jQuery（…）.modal不是一个函数
请检查控制台是否有错误。还请注意，在尝试
加载（）内容之前，最好先将新元素放入DOM中
jQuery（“，
必须是
jQuery（”，
，
”，而不是
）
投票以打字错误结束..谷歌搜索说了什么？@Satpal我尝试了这个
jQuery（“，{”id:“createFreeAccountDiv”}
它在控制台中给出了错误，错误是
未捕获的类型错误：jQuery（…）。模式不是一个函数
jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
    jQuery("#createFreeAccountDiv").load("js/Modals/createFreeAccount.html", function() {
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    });
});

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     append(jQuery("<div id='createFreeAccountDiv'></div>").load("js/Modals/createFreeAccount.html", function() {       
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    }));
});

$(document).ready(function(){
    var config="<div>Hi Welcome</div>"
    jQuery('body').append(config);
});

$('#element_name').append('<div id"element_id_ex1" name="element_name_ex1"></div>');

or 

$("#clickToCreateFreeAccount").on('click',function()
{
    $('#element_name').append('<div id"element_id_ex1" name="element_name_ex1"></div>');
});