jQuery Isotope是一種流暢的網格布局庫，可以通過簡單的HTML標記來創建動態布局。Isotope基于jQuery，可以在網頁設計中用于過濾，分類或排序。它可用于各種不同類型的項目，例如：圖片庫，產品列表，新聞網站等等。

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>

為了使用Isotope，首先需要引入兩個必要的JavaScript文件。一般情況下，我們將jQuery庫鏈接到HTML頁面的HEAD部分，然后在BODY的尾部鏈接Isotope庫。

<div class="grid">
<div class="item"><img src="image1.jpg"></div>
<div class="item"><img src="image2.jpg"></div>
<div class="item"><img src="image3.jpg"></div>
<div class="item"><img src="image4.jpg"></div>
<div class="item"><img src="image5.jpg"></div>
</div>

接下來，我們可以使用簡單的HTML標記來創建Isotope布局。在這個例子中，我們創建一個包含多個子元素的DIV，每個子元素都包含一個圖像。現在我們想通過使用Isotope將這些圖像進行動態布局。

<script>
$(document).ready(function() {
$('.grid').isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});
});
</script>

最后，我們需要調用Isotope函數來創建網格布局。在這個例子中，我們要將帶有item類的所有DIV元素包含在一個名為grid的容器中。我們使用jQuery準備好函數，以確保容器和Isotope函數都已加載完成。

現在，我們已經成功地使用Isotope庫創建了一個動態的圖像庫網格布局。我們可以使用jQuery代碼進行分類，過濾和排序，以進一步提高用戶體驗。