DIV CSS 佈局教程網

接下來給大伙介紹幾個例子，相信做網頁的朋友都遇到n級菜單的情景，但點擊某菜單按鈕時，如果它的子菜單是顯示的，則隱藏子菜單，如果子菜單隱藏，則顯示出來，傳統的Javascript做法是先用getElementById取出子菜單所在容器的id，在判斷該容器的擴展Jquery的JSon

如果等於則設為block,如果不等於這設為none，如果在將效果設置復雜一點，當點擊按鈕時，不是忽然隱藏和顯示子菜單，而是高度平滑的轉變，這時就要通過setTimeout來設置子菜單的height了。

再復雜一點透明度也平滑的消失和顯現，這時顯現下來需要編寫很多代碼，如果 JS 基礎不好的朋友可能只能從別人寫好的代碼拿過來修改了！jQuery實現上面效果只需要1句話就行，$("#a").toggle("slow"),,學完jQuery後還需要抄襲修改別人的代碼嗎？下面我們逐個介紹jQuery用於效果處理的方法。

• 詳解幾種JSON建構的結構進行說明
• 漫談JSON類的相關問題和及其使用方法
• 闡述基於的JSON數組特殊交互說明
• 大體進行對JSon_Decode()實例舉例說明
• 深度剖析JSON協議對與PHP產生的種種問題

本文在jQuery基礎上擴展了其處理JSon字符串能力，偉大的jQuery將會更偉大用jQuery寫Javascript非常高效，jQuery對AJax的封裝也非常到位；使用jQuery一段時間後發現，jQuery在處理json字符串方面功能不是很強，至少比prototype.JS差遠了。

以前用習慣了擴展Jquery的JSon，在進行AJax開發時，處理JSon數據非常方便；而在jQuery中，只提供了一個簡單的jQuery.getJSON()方法，並未提供jQuery本身對JSon數據的轉換處理，將JSon字符串轉換為Javascript數據對象還比較容易利用eval()函數即可，但要將Javascript的數據類型轉換成JSon字符串就比較難了；剛開始不得同
時使用prototype.JS和jQuery。

擴展Jquery的JSon代碼：

//擴展jQuery對JSon字符串的轉換  
jQuery.extend({  
  /** * @see 將json字符串轉換為對象 * @param JSon字符串 * @return 返回object,array,string等對象 */  
  evalJSON: function(strJSon) {  
    return eval("(" + strJSon + ")");  
  }  
});  
jQuery.extend({  
  /** * @see 將Javascript數據類型轉換為json字符串 * @param 待轉換對象,支持object,array,string,function,number,boolean,regexp * @return 返回JSon字符串 */  
  toJSON: function(object) {  
    var type = typeof object;  
    if ('object' == type) {  
      if (Array == object.constructor) type = 'array';  
      else if (RegExp == object.constructor) type = 'regexp';  
      else type = 'object';  
    }  
    switch (type) {  
    case 'undefined':  
    case 'unknown':  
      return;  
      break;  
    case 'function':  
    case 'boolean':  
    case 'regexp':  
      return object.toString();  
      break;  
    case 'number':  
      return isFinite(object) ? object.toString() : 'null';  
      break;  
    case 'string':  
      return '"' + object.replace(/(\\|\")/g, "\\$1").replace(/\n|\r|\t/g, function() {  
        var a = arguments[0];  
        return (a == '\n') ? '\\n': (a == '\r') ? '\\r': (a == '\t') ? '\\t': ""  
      }) + '"';  
      break;  
    case 'object':  
      if (object === null) return 'null';  
      var results = [];  
      for (var property in object) {  
        var value = jQuery.toJSON(object[property]);  
        if (value !== undefined) results.push(jQuery.toJSON(property) + ':' + value);  
      }  
      return '{' + results.join(',') + '}';  
      break;  
    case 'array':  
      var results = [];  
      for (var i = 0; i < object.length; i++) {  
        var value = jQuery.toJSON(object[i]);  
        if (value !== undefined) results.push(value);  
      }  
      return '[' + results.join(',') + ']';  
      break;  
    }  
  }  
});示例：  
var obj = {  
  name: "sean",  
  frIEnd: ["fans", "bruce", "wawa"],  
  action: function() {  
    alert("gogogog")  
  },  
  boy: true,  
  age: 26,  
  reg: /\b([a-z]+) \1\b/gi,  
  child: {  
    name: "none",  
    age: -1  
  }  
};  
var JSon = $.toJSON(obj);  
var objx = $.evalJSON(JSon);