iT邦幫忙

2024 iThome 鐵人賽

DAY 28
0

什麼是JQuery?

JQuery是一種由JavaScript編寫而成的函式庫,功用是提供其他人使用套件,有助於方便網頁開發。

JQuery與Bootstrap比較

兩者概念相似,都是已開發完的套件並可以提供其他人方便引用的工具。

  • JQuery的核心在於JS檔案。
  • Bootstrap的核心在於CSS檔案。

接下來介紹JQuery DataTable套件

JQuery DataTable是一種表格顯示的套件,可以建立動態的數據表格,並提供排序、分頁和查詢等優化的功能,以下為其使用方法:

  1. 嵌入CSS檔與JS檔
    下載檔案或引用CDN網址。
  2. 設計表格
    利用HTML語法寫入表格內容,也可以加入CSS的樣式設計語法,此外,表格中需要寫入<thead><tfoot>標籤,表格資料則寫在<tbody>標籤內。
  3. 啟動DataTable
    <body>標籤內,寫入JQuery語法。

上一篇
Day27 Bootstrap template簡介
下一篇
Day29 JQuery套件
系列文
新手踏入網頁前端的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言