ビッグデータ公式10

jQuery

定義:jQueryは「より少ない書き込み」ですが、「より多くの書き込み」の軽量級JavaScript関数ライブラリメリット
JavaScriptコードを簡略化
cssのように要素を取得できます.
cssを変更してページ効果を制御できます.
共通ブラウザに対応可能

jQueryバージョンのサポート
非圧縮版と圧縮版
1.xは一般的なブラウザとIE 6+をサポートする
2.xは一般的なブラウザとIE 9+をサポートする
3.xは一般的なブラウザとIE 9+をサポートする

注意:jQueryは古いバージョンと互換性がありません.jQueryのアップグレードは内部最適化のほか、以前のコードを削除したり、方法を削除したり、追加したりします.アップグレード後、以前のコードはを実行できない可能性があります.

導入:以前のjsファイルの導入と同じ

jQuery

• $
  • $ jQuery， jQuery
  • $() jQuery(), jQuery ， jQuery HTML
• • html ，

  • $(document).ready(function(){});
    

  • window.οnlοad=function(){};

  • $(function(){});
    

• DOM jQuery
  • js js ， jQUery ， ， js jQuery ，
  • dom jQuery

    var dom=document.getElementById("username");
    var $jQuery=$(dom);
    

  • jQuery dom

    var $jQuery=$("#username");
    //  1
    var dom1=$jQuery[0];
    //  2
    var dom2=$jQuery.get(0);
    

jQuery

• • $("div")//     div  
    

  • class

    $("。div1")//  class  div1   
    

  • id

    $("#div2")//  id  div2   
    

  • *

    $("*")//       
    

  • $("div,span,#h2")//      
    

• • DOM

    1. $("div span")//  div    span  
    2. $("div>span")//  div    span   
    3. $("div+span")//  div     span  
    4. $("div~span")//  div     span    
    

• • DOM ， :

    1. $("div:first")//    div     div  
    2. $("div:last")//    div      div  
    3. $("div:even")//    div         div  ， 0  
    4. $("div:odd")//    div          div  ， 0  
    5. $("div:eq(n)")//    div      n div  ， 0  
    6. $("div:lt(n)")//    div       n div  
    7. $("div:gt(n)")//    div       n div  
    8. $("div:not(.one)")//    div  class   one div  
    

• 1. $("div:contians("abs")")//    div   abc   div  
       ：
  
  2. $("div:has(p)")//    div   p   div  
       ：
  aasd
  
  3. $("div:empty")//    div     div  
       ：
  div>
  4. $("div:parent")//    div      div  
       ：
  
    
      
         
   
  1. $("div:hidden")//       div  
  2. $("div:visible")//       div  
    
   
      
         
    
  1. $("div[id]")//      id   div  
  2. $("div[id='d1']")//      id    d1 div  
  3. $("div[id!='d1']")//      id     d1 div  
  4. $("div[id^='d1']")//      id   d1   div  
  5. $("div[id$='d1']")//      id   d1   div  
    
   
      
          
    
  1. $("div:nth-child(n)")//n 1  ，  div   n   
  2. $("div:first-child")//n 1  ，  div   1   
  3. $("div:last-child")//n 1  ，  div        
    
   
      
         
    
  1. $(":input")//     input   ，   ，   ，   ，select ，textarea ，button
  2. $(":password")//        
  3. $(":radio")//        
  4. $(":checkbox")//        
  5. $(":checked")//           /   /option
  6. $("input:checked")//        /   
  7. $(":selected")//     option  
    
   
      
     
      
   
     
   
      
   parent() 
    
  $("#d1").parent()//  id  d1    
    
   
      
   parents() 
    
  $("#d1").parents()//  id  d1     
    
    
  $("#d1").parents("tr")//  id  d1 tr    
    
   
      
   next() 
    
  $("#d1").next()//  id  d1         
    
    
  $("#d1").next("p")//  id  d1       p  
    
   
      
   nextAll() 
    
  $("#d1").nextAll()//  id  d1            
    
    
  $("#d1").nextAll("p")//  id  d1         p   
    
   
      
   
   prev()
   
    
  $("#d1").prev()//  id  d1           #
  $("#d1").prev("p")//  id  d1       p  
    
   
      
   
   prevAll()
   
    
  $("#d1").prevAll()//  id  d1         
    
    
  $("#d1").prevAll("p")//  id  d1       p  
    
   
      
   siblings() 
    
  $("#d1").siblings()//  id  d1       
    
    
  $("#d1").siblings("p")//  id  d1     p  
    
   
      
   append() 
    
  $("div").append("
  hello
  ")//    div     p  
    
   
      
   remove() 
    
  $("div").remove()//       
    
   
      
   html() 
    
  $("div").html()//     html  
  $("div").html("xxx")//     html  
    
   
      
   text() 
    
  $("div").text()//         
  $("div").text("xxx")//         
    
   
      
   attr() 
    
  $("div").attr("id")//     id     
  $("div").attr("id","xx")//     id     xx
    
   
      
   css 
    
  $("div").css("width")//       
  $("div").css("width","200px")//       
  $("div").css("width","200px"，"color":"red","font-size":"24px")//       
    
   
     
   
     
    
   
     
   
      
   click()     
    
  $("div").click(function(){});
    
   
      
   blur()       
    
  $("input").blur(function(){});
    
   
      
   focus()       
    
  $("input").focus(function(){});
    
   
      
   change()       
    
  $("select").change(function(){});
    
   
      
   ready()       
    
  $(document).ready(function(){});
  //   
  window.οnlοad=function(){}
  //    
  $(function(){})
    
   
     
   
     
    
   
     
   
      
   show() 
    
  $("div").show();//      display
    
   
      
   hide() 
    
  $("div").hide();//      display
    
   
      
   toggle() 
    
  $("div").toggle();//       
    
   
     
   
     
  JSON
  
    :jsonはJavaScriptが  するデータ  (  )フォーマット

である.
フォーマット

var person={
    "name":"kungfu",
    "age",18,
    "gender":" "
}

var person={
    "name":"kungfu",
    "age",18,
    "gender":" ",
    "friends":["gougou","maomao"],
    "gf",{
        "name":"hui"
    }
}   
var person={
    "name":"kungfu",
    "age",18,
    "gender":" "
    "friends":[
        {
            "name":"wk",
            "age":12
        },{
            "name":"pww",
            "age":23
        }
    ]
}   

• {}
• json ，
• json
  1. （ ）
  2. （ ）
  3. （true，false）
  4. （ ）
  5. null

json xml

1.    ：xml     json                                                         
2.    ：xml      ，json js     ，          
3.    ：xml        ，    json   ，        json xml