jQuery 彈出框是一個非常常用的網頁交互組件，可以快速展示信息、提示用戶操作，同時也可以提升用戶體驗和界面美觀性。
使用 jQuery 彈出框，需要引入相關的庫文件。在 head 標簽內添加以下代碼：
<head> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> </head>
其中，第一個是 jQuery 庫文件，第二個是彈出框庫文件，可以根據需要選擇不同版本的庫文件。
接下來，在 body 標簽內添加點擊事件的觸發代碼：
<body>
<button id="myBtn">點擊彈出框</button>
<script>
$("#myBtn").click(function() {
$.confirm({
title: '提示',
content: '這里是彈出框的內容',
buttons: {
confirm: {
text: '確認',
action: function () {
alert('你點擊了確認按鈕');
}
},
cancel: {
text: '取消',
action: function () {
alert('你點擊了取消按鈕');
}
}
}
});
});
</script>
</body>在這段代碼中，首先定義了一個按鈕（id="myBtn"），然后使用 jQuery 的 click 方法添加點擊事件。當按鈕被點擊時，就會彈出一個提示框，其中包括一個標題，一段內容和兩個按鈕（確認和取消按鈕），分別執行不同的操作。當用戶點擊確認按鈕時，就會彈出一個提示框，并且調用 alert 方法彈出一個對話框，提示用戶點擊了確認按鈕。同理，當用戶點擊取消按鈕時，也會彈出一個對話框，提示用戶點擊了取消按鈕。
使用 jQuery 彈出框可以方便地實現網頁交互，提升用戶體驗和界面美觀性。同時，也需要注意合理研發，使其適應不同的場景和需求。
上一篇小米手機清css
下一篇jquery 循環旋轉