jQuery Masonry是一個流式布局插件，可以將不同大小的元素放在同一行，并自動調整位置為最小間隙。使用它可以迅速搭建漂亮的網(wǎng)格布局，給網(wǎng)站帶來嶄新的面貌。

$(document).ready(function() {
$('#grid-container').masonry({
itemSelector: '.grid-item',
columnWidth: 200,
gutter: 20
});
});

上面是一個基本的使用示例。首先需要引入jQuery和Masonry的js文件，然后將要進行布局的元素包裹在一個容器中，并添加一個ID。在JavaScript中，使用$()函數(shù)選擇該容器并調用masonry()方法，傳入?yún)?shù)itemSelector和columnWidth，分別指定元素選擇器和列寬度。此外，還可以指定gutter參數(shù)來設置間隙大小。

如果想要監(jiān)聽布局的變化，可以使用layoutComplete事件。例如：

$('#grid-container').masonry({
// ...其他參數(shù)...
}).on('layoutComplete', function() {
console.log('layout completed!');
});

以上代碼會在每次布局完成時，在控制臺輸出一條信息。

Masonry還提供了許多其他的選項和方法，可以根據(jù)需求進行設置和調用。詳細信息可以參考官方文檔。