JQuery是一種JavaScript庫，可以幫助開發人員使用少量代碼解決許多常見的JavaScript問題。其中一個例子就是在HTML中創建帶有橫向滾動條的DIV元素。下面介紹如何使用JQuery來創建橫向滾動條。

<div class="scrollable">
<div class="scroll" style="width: 2000px;">
<p>This is a very long horizontal text.</p>
</div>
</div>

上面的代碼首先創建一個DIV元素，并在其中添加一個名為“scroll”的DIV元素。在“scroll”DIV中，添加需要水平滾動展示的內容。這里只有一個段落，但您可以添加任何內容，包括圖像和其他HTML元素。

<style>
.scrollable {
width: 500px;
overflow-x: scroll;
white-space: nowrap;
}
.scrollable::-webkit-scrollbar {
width: 12px;
}
.scrollable::-webkit-scrollbar-track {
background: #f1f1f1; 
}
.scrollable::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 10px;
}
</style>

這段CSS代碼添加了樣式表，用于定義滾動條的樣式和樣式類。這里我們定義了一個樣式類“scrollable”，并為其添加了以下樣式：

• “width”- 定義DIV的寬度
• “overflow-x” - 定義DIV是否應該橫向滾動
• “white-space” - 定義如何處理文本溢出。這里的值“nowrap”表示不換行。

CSS代碼還為滾動條定義了樣式- 寬度、背景顏色和邊框顏色等。這里在Webkit瀏覽器中，我們使用“::-webkit-scrollbar”屬性來定義滾動條樣式。

當您完成上述操作時，您的DIV元素將具有橫向滾動條，這對于顯示大量內容非常有用。