Javascript 如何为初学者创建jQuery警报框

抱歉，如果这是过于基本，但我无法找到我的搜索很多信息

我有一个简单的链接：

单击链接将从我的数据库中删除一个项目

如何使链接显示带有消息的弹出窗口（JavaScript

alert

box？）：

你确定吗？[是][否]

---

如果可能的话，我想使用jQuery而不是内联JavaScript。

首先给元素一个id

 <a href="delete" id="delbtn">delete</a>

然后：

$（文档）.ready（函数（）{
$（'#delbtn'）。单击（函数（）{
返回确认（“您确定”）；
});
});

为你的主播提供id/等级：

<a href="delete" class="btn_del">Delete</a>

使用它们比

警报

好得多

$("a#delete").click(function() {
    $("#dialog").dialog({
        bgiframe: true,
        resizable: false,
        height:140,
        modal: true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.5
        },
        buttons: {
            'Really delete?': function() {
                $(this).dialog('close');
                                          delete();
            },
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });
});

---

请注意，您应该将这些类型的操作绑定到锚点，而不是表单，以免在下次爬网页面时发现数据库被删除（这将绕过任何js确认）。

$(function(){  
    //on document ready
    $('.btn_del').click(function(e){
        return confirm('Are you sure?')
    })
})

$("a#delete").click(function() {
    $("#dialog").dialog({
        bgiframe: true,
        resizable: false,
        height:140,
        modal: true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.5
        },
        buttons: {
            'Really delete?': function() {
                $(this).dialog('close');
                                          delete();
            },
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });
});