jQuery.gridly.js是一個基于jQuery的網格布局插件。它可以讓你快速創建美觀的、響應式的網格布局，適用于顯示圖片、產品、瀑布流、拖拽排序等場景。

這個插件可以非常靈活地適應各種不同的需求。你可以自定義網格的大小、間距、背景色、邊框、陰影、動畫等特效。而且它還支持拖拽、放大、縮小、排序等交互操作，非常方便實用。

如果你想在你的網站或Web應用中引入jQuery.gridly.js，可以通過以下方式下載并使用：

//通過NPM安裝
npm install gridly
//通過CDN引入
<link  rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/gridly@1.0.1/dist/jquery.gridly.min.js"></script>
//通過Github下載
https://github.com/gridly-js/gridly

下載完之后，你需要在頁面中引入它的CSS和JS文件：

<link href="jquery.gridly.min.css" rel="stylesheet">
<script src="jquery.gridly.min.js"></script>

然后，你就可以開始使用jQuery.gridly.js了。以下是一個簡單的示例：

<div class="gridly">
<div class="brick"></div>
<div class="brick"></div>
<div class="brick"></div>
<div class="brick"></div>
</div>
<script>
$('.gridly').gridly({
base: 60, // 網格大小
gutter: 20, // 網格間距
columns: 12, // 列數
draggable: {
handle: 'header'
}, // 是否可拖拽
animate: true // 是否啟用動畫
});
</script>

這個示例將會創建一個4行3列的網格布局，每個格子60像素寬、高，格子之間的間距為20像素。每個格子還加入了一個header作為拖拽的句柄。這只是一個簡單的例子，更多選項和方法請查看官方文檔。