jqueryの一般的な方法&ajax

2084 ワード

1.Jqueryで、$(document).ready()ってどういう意味ですか?window.onloadとの違いは?他にどんな書き方や代替方法がありますか?
  • $(document).ready()とは、DOM構造の完全なロード時にスクリプトを実行することを意味するが、window.onloadは、要素の完全なロード後にスクリプトプログラムを実行することを目的とする(ピクチャの幅を取得するには、ピクチャのロードが完了した後に実現する必要がある)
  • .
  • 以下の2つの書き方は等価である:
  • $(document).ready(handler)
    $(handler)
    

    2.$node.html()$node.text()の違いは?
  • $node.html()要素を取得/修正するためのinnerHTML
  • .
  • パラメータが渡されていない場合、要素を取得するためのinnerHTML
  • 文字列パラメータが入力と、要素を修正するためのinnerHTML
  • が使用される.
  • 同様に、$node.text()は、要素のinnerText
  • を取得/修正するために使用される.
  • パラメータが渡されていない場合、要素を取得するためのinnerHTML
  • 文字列パラメータが入力と、要素を修正するためのinnerHTML
  • が使用される.
    3. $.extendの役割と使い方?
    jQuery.extend([deep,] target [, object1 ] [, objectN ] )
    
  • 2 2 2つ以上のオブジェクトを$.extend()に提供すると、オブジェクトのすべてのプロパティがターゲットオブジェクト(targetパラメータ)に追加されます.
  • は、1つのオブジェクトのみが$.extend()に提供される場合、ターゲットオブジェクトが省略されることを意味し、この場合、jQueryオブジェクト自体がターゲットオブジェクトとしてデフォルト設定され、jQueryのネーミングスペースに新たな機能
  • を追加することができる.
    var object1 = {
      apple: 0,
      banana: { weight: 52, price: 100 },
      cherry: 97
    };
    var object2 = {
      banana: { price: 200 },
      durian: 100
    };
    $.extend(object1,object2)
    // Object { apple: 0, banana:{price:200},cherry: 97, durian: 100}
    

    4.JQueryのチェーンコールは何ですか?
    JQueryを使用した後の戻り値がJQueryメソッドを継続して使用される場合、チェーン呼び出しが形成される.
    5.JQuery ajaxのキャッシュはどのように制御しますか?
  • は、パラメータオブジェクトに入力されたcache属性によってajaxキャッシュを制御する.
  • cache属性のデフォルト値はtrue、すなわちデフォルトキャッシュデータである.
  • リアルタイム情報(天気予報など)を取得する必要がある場合、cacheプロパティをfalseに設定すると、ajaxはデータをキャッシュしません.

  • 6.jqueryにおけるdata関数の役割?
  • $.data()メソッドは、DOMノード上にデータを格納し、$.removeData()メソッドは、DOMノード上に格納されたデータを除去するために使用することができる.
  • $('.wrap').data('test',{key:'value'})    //     
    $('.wrap').data('test').key              //     
    // "value"