jQuery AJAX與jQuery事件的分析講解

時間 2020-06-14

原文原文鏈接

jQuery 自己便是爲事件處理而特別設計的，jQuery 事件處理方法是 jQuery 中的核心函數。html

$(function() { ... }); 是以下格式的縮寫：ajax

     ? 
   
         1 
       
         $(document).ready( 
         function 
         () { ... });

0. $ 符號json

根據類別，定位標籤：數組

     ? 
   
         1 
       
         2 
       
         3 
       
         4 
       
         5 
       
         6 
       
         <button>click me</button> 
        
         <p>hide me</p> 
        
         <p>hide me 2</p> 
        
         $( 
         'button' 
         ).click( 
         function 
         (){ 
        
         $( 
         'p' 
         ).hide();      
         // 做用在兩個 <p>/</p> 上 
        
         });

根據 id 定位標籤：app

     ? 
   
         1 
       
         2 
       
         <h2 id= 
         'temp' 
         ></p> 
        
         $( 
         '#temp' 
         ).html(...);

1. demo：點擊按鈕，將段落摺疊ide

     ? 
   
         1 
       
         2 
       
         3 
       
         4 
       
         5 
       
         $(document).ready( 
         function 
         () { 
        
         $( 
         'button' 
         ).click( 
         function 
         (){ 
        
         $( 
         'p' 
         ).hide(); 
        
         }); 
        
         });

2. jQuery ajax - getJSON() 方法函數

使用 AJAX 請求來得到 JSON 數據，並輸出結果：spa

     ? 
   
         1 
       
         2 
       
         3 
       
         4 
       
         5 
       
         6 
       
         7 
       
         $( 
         "button" 
         ).click( 
         function 
         (){ 
        
         $.getJSON( 
         "demo_ajax_json.js" 
         , 
         function 
         (result){ 
        
         $.each(result,  
         function 
         (i, field){         
         // 遍歷數組 
        
         $( 
         "div" 
         ).append(field +  
         " " 
         ); 
        
         }); 
        
         }); 
        
         });