iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0

jQuery是一個以Javascript來編寫的函式庫,用途是讓開發者可以更輕鬆方便的製作網站功能。

  1. 使用前預先於內下載:
    <script src="jquery-3.3.1.js"></script>
    
  2. 函式寫法:
    $(document).ready(function() {
        // Code…
        console.log("Hello, World!");
    });
    
  3. $就是jQuery,上述寫法也可以如下方式;但常會造成套件衝突的情形,建議不要。
    jQuery(document).ready(function() {
        // Code…
        console.log("Hello, World!");
    });
    
  4. 簡易寫法,可省略(document).ready:
    $(function() {
        // Code…
        console.log("Hello, World!");
    });
    
  5. 搭配ajax寫法:每個參數都要用逗號隔開。
    $.ajax({
        url:"@Url.Action("LineNotify","Home")",
        type:"POST",
        dataType:"json",
        data:{
            message:"Ling Notify",
            isSuccess:true,
            errMsg:"N/A"
        },
        success:function(res){
        console.log(res);
        },
        error:function(err){
        console.log(err);
        }
    });
    
    • url:要請求資料的網址。
    • method:請求資料的方式(Ex:POST/GET/PUT…等)。
    • dataType:請求資料的類型(Ex:xml、json、script or html…等)。
    • data:如果需要傳送資料時,則將資料設定在這裡。
    • success:當成功接收到資料時,success會執行並顯示結果。
    • error:當接收資料失敗時,error會執行並顯示結果。

jQuery的應用有百百種,根本說不完;至此小弟也都還在學習中。

另外,對於其優點整理如下,請參考:

  1. 程式碼函式化,可加快執行速度。
  2. 支援幾乎所有的CSS選擇器。
  3. 瀏覽器相容度高。
  4. 支援多種資料格式、程式語言。

相關的缺點如下:

  1. 新版本無法向下相容。
  2. 對動畫及特效的支援度差。

好的,今天就先到這兒,明天再來繼續吧!

參考來源:
jQuery


上一篇
Day16主題:認識JSON
下一篇
Day18主題:認識Line Notify
系列文
第一次學Web Service的經驗談31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言