jQuery是一種優秀的JavaScript庫，它能夠簡化我們在客戶端開發中需要完成的任務。其中一個非常有用的功能是ModalOpen，它可以幫助我們創建一個模態框。 首先，我們需要在頁面上加載jQuery庫，這可以通過以下代碼實現：

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

然后，我們可以使用ModalOpen來創建一個模態框，代碼如下：

$(document).ready(function(){
$("#myBtn").click(function(){
$("#myModal").modal();
});
 });

在這個例子中，我們給頁面上的一個按鈕添加了一個點擊事件。當按鈕被點擊時，它會觸發一個函數，這個函數會調用ModalOpen的modal()方法來打開一個模態框。我們需要在HTML中定義模態框的內容，如下所示：

<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>Modal Content...</p>
</div>
</div>

在這個例子中，我們定義了一個id為“myModal”的div，將其作為模態框，并在里面添加了類名為“modal-content”的div和一個關閉按鈕。在模態框的主體內容中，我們可以使用任何元素來裝載我們想展示的內容。 使用了ModalOpen之后，我們可以在頁面上輕松地創建一個模態框來吸引用戶的注意力。而且這個庫兼容大多數主流瀏覽器，使其成為客戶端開發的首選工具之一。