jquery弹出信息

$(document).ready(function() {
    $('#alertButton').click(function() {
        alert('这是一个警告框！');
    });
});

<button id="alertButton">点击我</button>

$(document).ready(function() {
    $('#confirmButton').click(function() {
        if (confirm('你确定要执行这个操作吗？')) {
            alert('你点击了确定！');
        } else {
            alert('你点击了取消！');
        }
    });
});

<button id="confirmButton">点击我确认</button>

$(document).ready(function() {
    $('#showModalButton').click(function() {
        $('#myModal').show();
    });

    $('#closeModalButton').click(function() {
        $('#myModal').hide();
    });
});

<button id="showModalButton">显示弹窗</button>

<div id="myModal" style="display: none;">
    <p>这是一个自定义弹窗！</p>
    <button id="closeModalButton">关闭弹窗</button>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<style>
#myModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
</style>