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

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

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

本文在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);