jquery div橫向布局是網頁設計中常見的一種橫向排列方式，可以同時放置多個并列元素。使用jquery可以很便捷地實現此種布局方式。

$(document).ready(function(){
$('div.parent').css('display', 'flex');
});

上面的代碼是一個簡單的jquery實例，在頁面加載完成后將父元素的display屬性設為flex，即可以使其子元素橫向排列。除此之外，還可以對子元素進行進一步的設置，例如設置它們的寬度、間距等：

$(document).ready(function(){
$('div.parent').css({
'display': 'flex',
'justify-content': 'space-between'
});
$('div.child').css('width', '300px');
$('div.child:not(:last-child)').css('margin-right', '20px');
});

上述代碼中，我們使用了選擇器分別對父元素和子元素進行設置。設置父元素的justify-content屬性為space-between可以使其子元素等間距排列，而設置子元素的width屬性則可以調整它們的寬度。

除此之外，我們還設置了子元素的margin-right屬性為20px，這是為了在相鄰子元素之間留下一些間隔。這樣做可以提高頁面美觀度，同時也增加了子元素之間的區分度。