Javascript 在JQuery中创建引导警报

我是bootstrap新手，以前使用noty生成警报，但是我想尝试在不添加更多插件的情况下执行此操作，因为bootstrap的负载已经有点重了。我可以很容易地创建文本，只是在我添加类的时候

这是我的Jquery：

$(function(){
        $("#passsubmit").click(function(event){
        event.preventDefault();
        $(".error").hide();
        var hasError = false;
        var newpass = $("#password").val();
        var checkVal = $("#password-check").val();
        if (newpass == '') {
            $("#password").after('<span class="error">Please enter a password.</span>');
            hasError = true;
        } else if (checkVal == '') {
            $("#password-check").after('<span class="error">Please re-enter your password.</span>');
            hasError = true;
        } else if (newpass != checkVal ) {
            $("#password-check").after('<span class="error">Passwords do not match.</span>');
            hasError = true;
        }

        if(hasError == true) {return false;}

        if(hasError == false) {
                $.ajax({
                type: "POST",
                url: "resource/changepassword.php",
                data: {newpass:newpass},
                success: function(){
                    //alert("Password Changed");
                    $("#password").val("")
                    $("#password-check").val("");
                    $(document.createElement('<div class="alert alert-success">Password Changed</div>'));
                }
                });

        };
    });
});

$（函数（）{
$（“#passsubmit”）。单击（函数（事件）{
event.preventDefault（）；
$（“.error”）.hide（）；
var hasError=false；
var newpass=$（“#密码”）.val（）；
var checkVal=$（“#密码检查”）.val（）；
如果（newpass==''）{
$（“#密码”）。之后（'请输入密码'）；
hasrerror=true；
}else if（checkVal==''）{
$（“#密码检查”）。之后（'请重新输入您的密码'）；
hasrerror=true；
}else if（newpass！=checkVal）{
$（“#密码检查”）。之后（'密码不匹配'）；
hasrerror=true；
}
如果（hasError==true）{return false；}
if（hasError==false）{
$.ajax({
类型：“POST”，
url:“resource/changepassword.php”，
数据：{newpass:newpass}，
成功：函数（）{
//警报（“密码更改”）；
$（“#密码”）.val（“”）
$（“#密码检查”）.val（“”）；
$（document.createElement（'Password Changed'）；
}
});
};
});
});

这是它由于无效字符而失败的部分，我假定是“

$（document.createElement（'Password Changed'）；

我知道我可以简单地在html中使用：

<div class="alert alert-success" style="visibility: hidden">Password Changed</div>

密码已更改

然后只显示它，但当我希望在多个页面上显示许多不同的警报时，这并不是特别好

一定有更好的办法吗

---

谢谢：）

你只是把语法搞混了：

• • 是一种将单个标记名作为字符串的DOM方法
• • 是一个jQuery方法，它将返回给定复杂HTML字符串的DOM元素

通常只使用一个，每个都有自己的用途

然后，只需找出新的

div

的位置，选择任何DOM插入方法*，然后按如下方式调用：

$（“#选择器”）。在（'Password Changed'）之后；

*DOM插入类型： 有更多的方法，但这些是一些流行的方法

---

你只是把你的语法搞混了：

• • 是一种将单个标记名作为字符串的DOM方法
• • 是一个jQuery方法，它将返回给定复杂HTML字符串的DOM元素

通常只使用一个，每个都有自己的用途

然后，只需找出新的

div

的位置，选择任何DOM插入方法*，然后按如下方式调用：

$（“#选择器”）。在（'Password Changed'）之后；

*DOM插入类型： 有更多的方法，但这些是一些流行的方法

---

你只是把你的语法搞混了：

• • 是一种将单个标记名作为字符串的DOM方法
• • 是一个jQuery方法，它将返回给定复杂HTML字符串的DOM元素

通常只使用一个，每个都有自己的用途

然后，只需找出新的

div

的位置，选择任何DOM插入方法*，然后按如下方式调用：

$（“#选择器”）。在（'Password Changed'）之后；

*DOM插入类型： 有更多的方法，但这些是一些流行的方法

---

你只是把你的语法搞混了：

• • 是一种将单个标记名作为字符串的DOM方法
• • 是一个jQuery方法，它将返回给定复杂HTML字符串的DOM元素

通常只使用一个，每个都有自己的用途

然后，只需找出新的

div

的位置，选择任何DOM插入方法*，然后按如下方式调用：

$（“#选择器”）。在（'Password Changed'）之后；

*DOM插入类型： 有更多的方法，但这些是一些流行的方法

---

非常感谢。由于某种原因，它无法在我的网站上运行，但它显然在JSFIDLE中工作，所以我会让它工作！：）非常感谢。由于某种原因，它无法在我的网站上工作，但它显然在JSFIDLE中工作，所以我会让它工作！：）非常感谢。由于某种原因，它无法在我的网站上工作但它显然在JSFIDLE中工作，所以我会让它工作的！：）非常感谢。由于某种原因，它无法在我的网站上工作，但它显然在JSFIDLE中工作，所以我会让它工作的！：）

<div class="alert alert-success" style="visibility: hidden">Password Changed</div>