JQuery Layer Demo是一個非常流行的前端開發插件，可以幫助開發者快速地創建各種彈窗、提示框等常用UI組件。這個插件具有強大的功能，易于使用，因此得到了廣泛的應用。

<!-- 引入jQuery庫和layer.js -->
<script src="jquery.min.js"></script>
<script src="layer.js"></script>
<script type="text/javascript">
$(function(){
// 點擊按鈕觸發彈窗
$('#btn').click(function(){
// 彈出普通提示框
layer.alert('Hello World!');
});
});
</script>

上面的代碼演示了如何使用JQuery Layer Demo創建一個簡單的提示框。首先，需要在HTML頁面中引入JQuery庫和layer.js文件。接著，在JavaScript代碼中，先通過選擇器找到需要添加點擊事件的按鈕元素，然后在事件處理函數中使用layer.alert方法創建一個提示框，并設置提示框的內容為"Hello World!"。最后，將創建好的提示框顯示出來。

<!-- 引入jQuery庫和layer.js -->
<script src="jquery.min.js"></script>
<script src="layer.js"></script>
<script type="text/javascript">
$(function(){
// 點擊按鈕觸發彈窗
$('#btn').click(function(){
// 彈出詢問框
layer.confirm('您確定要刪除該文件嗎？', {
btn: ['確定','取消'] // 按鈕
}, function(){
layer.msg('刪除成功');
}, function(){
layer.msg('取消刪除操作');
});
});
});
</script>

除了簡單的提示框外，JQuery Layer Demo還支持彈出詢問框。上面的代碼演示了如何創建一個詢問框。與創建提示框的方式類似，先使用選擇器找到需要添加點擊事件的按鈕元素，然后在事件處理函數中使用layer.confirm方法創建一個詢問框，并設置詢問框的提示內容為"您確定要刪除該文件嗎？"。在創建詢問框時，需要提供兩個按鈕的名稱，使用數組的形式。點擊確定按鈕時，會執行第三個參數傳入的回調函數，而點擊取消按鈕時，則會執行第四個參數傳入的回調函數。

總之，JQuery Layer Demo是一個非常有用的插件，可以幫助開發者快速創建各種常用的UI組件。如果你想提高自己的前端開發效率，不妨試試使用這個插件。