jQuery DataTable分頁條是Web開發中常常用到的一個組件，它可以幫助我們方便地展示大量的數據，并提供分頁功能。下面我們來學習如何使用它。

//引入 DataTable
<link rel="stylesheet" type="text/css" >
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
//初始化 dataTable
$(document).ready(function() {
$('#example').DataTable({
"pagingType": "full_numbers"
});
});

上面的代碼中，我們首先引入了 DataTable 的樣式和腳本，然后使用 jQuery 的 ready 方法，在文檔加載完成后初始化了一個 DataTable。在初始化時，我們指定了分頁條的樣式為 full_numbers。

初始化完成后，我們只需要在頁面上添加一個表格，指定一個 ID 為 example 即可：

<table id="example">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>22</td>
<td>男</td>
</tr>
<tr>
<td>趙六</td>
<td>25</td>
<td>女</td>
</tr>
</tbody>
</table>

如此一來，我們就可以得到一個帶分頁條的數據表格了：

通過以上的學習，相信大家已經掌握了如何使用 jQuery DataTable 分頁條，也能輕松地在自己的項目中應用它了。