一、$.extend 的作用和用法?

• $.extend( target [, object1 ] [, objectN ] )
  **描述: **將兩個或更多對象的內容合并到第一個對象。
• $.extend( object1, object2 );
  **描述: **合并兩個對象，并修改第一個對象。
  <script>
  var object1 = { apple: 0, banana: { weight: 52, price: 100 }, cherry: 97};
  var object2 = { banana: { price: 200 }, durian: 100};
  // Merge object2 into object1
  $.extend( object1, object2 );
  // Assuming JSON.stringify - not available in IE<8
  $( "#log" ).append( JSON.stringify( object1 ) );
  {"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
  </script>
• $.extend( true, object1, object2 );
  **描述: **采用遞歸方式合并兩個對象，并修改第一個對象。
  <script>
  var object1 = { apple: 0, banana: { weight: 52, price: 100 }, cherry: 97};
  var object2 = { banana: { price: 200 }, durian: 100};
  // Merge object2 into object1, recursively
  $.extend( true, object1, object2 );
  // Assuming JSON.stringify - not available in IE<8
  $( "#log" ).append( JSON.stringify( object1 ) );
  {"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}
  </script>
• $.extend( {}, defaults, options );
  **描述: **合并 defaults 和 options 對象，并且不修改 defaults 對象。這是常用的插件開發模式。
  <script>
  var defaults = { validate: false, limit: 5, name: "foo" };
  var options = { validate: true, name: "bar" };
  // Merge defaults and options, without modifying defaultsvar
  settings = $.extend( {}, defaults, options );
  // Assuming JSON.stringify - not available in IE<8$
  ( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
  $( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
  $( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );
  **defaults -- **{"validate":false,"limit":5,"name":"foo"}
  **options -- **{"validate":true,"name":"bar"}
  **settings -- **{"validate":true,"limit":5,"name":"bar"}
  </script>

二、jQuery.fn.extend()

• **描述: **一個對象的內容合并到jQuery的原型，以提供新的jQuery實例方法。
• jQuery.fn.extend()方法繼承了jQuery原型（$.fn)對象，以提供jQuery原型新的方法，可以鏈式調用jQuery()函數
  <script>
  jQuery.fn.extend({
  check: function() {
  return this.each(function() {
  this.checked = true;
  });
  },
  uncheck: function() {
  return this.each(function() {
  this.checked = false;
  });
  }
  });
  // Use the newly created .check() method
  $( "input[type='checkbox']" ).check();
  </script>

三、JQuery ajax 中緩存怎樣控制?

• 使用get請求資源的時候，如果url始終保存不變，那么瀏覽器會將get方式請求的資源保存在緩存中，當url一樣的時候，就不發送請求，直接采用緩存，這樣帶來一個不便就是當數據發生變化的時候，相同的url無法的到實時的數據。
• 在url增加隨機內容Math.random或者new Date()時間戳，其原理是類似在請求中加時間戳，這樣瀏覽器以為兩次請求是不同的而不會去調用緩存，但時間戳并不影響數據的獲取。
• $.ajax() 的參數里有一個cashe參數，默認是true 。設置為false 瀏覽器將不緩存此頁面。

四、JQuery 中 data 函數的作用

• **描述: **存儲任意數據到指定的元素,返回設置的值。
• jQuery.data()方法允許我們在DOM元素上附加任意類型的數據,避免了循環引用的內存泄漏風險。如果 DOM 元素是通過 jQuery 方法刪除的或者當用戶離開頁面時，jQuery 同時也會移除添加在上面的數據。我們可以在一個元素上設置不同的值，并獲取這些值：

設置語法：jQuery.data( element, key, value )；

     jQuery.data(document.body, 'foo', 52);
     jQuery.data(document.body, 'bar', 'test');

獲取語法：jQuery.data( element, key )

     alert(jQuery.data( document.body, 'foo' )); //52
     alert(jQuery.data( document.body，'bar' )); //'text'