;(function($){//這里將$符作為匿名函數(shù)的形參
/*在此處編寫代碼，可使用$作為jQuery的縮寫別名*/
})(jQuery);//這里將jQuery作為實(shí)參傳遞給匿名函數(shù)了

<ul class="list">
 <li>導(dǎo)航列表1
  <ul class="nav">
   <li>導(dǎo)航列表1</li>
   <li>導(dǎo)航列表2</li>
   <li>導(dǎo)航列表3</li>
   <li>導(dǎo)航列表4</li>
   <li>導(dǎo)航列表5</li>
   <li>導(dǎo)航列表6</li>
  </ul>
 </li>
 <li>導(dǎo)航列表2
  <ul class="nav">
   <li>導(dǎo)航列表1</li>
   <li>導(dǎo)航列表2</li>
   <li>導(dǎo)航列表3</li>
   <li>導(dǎo)航列表4</li>
   <li>導(dǎo)航列表5</li>
   <li>導(dǎo)航列表6</li>
  </ul>
 </li>
</ul>
<!-- 默認(rèn)已經(jīng)引入jquery -->

;(function($){
 $.extend({ //插件定義在全局方法上
  "nav" : function (color){//傳參，這里只是拋磚引玉，在您編寫的時(shí)候，參數(shù)選項(xiàng)可以更加豐富，例如傳入json對象等等
   $('.nav').css({//對展開的下拉列表設(shè)置樣式，此處在下面進(jìn)行詳細(xì)說明
    "list-style" : "none",
    "margin" : 0,
    "padding" : 0,
    "display" : "none",
    "color":color//由用戶控制hover時(shí)，展現(xiàn)出來列表的文字顏色
   });
   $('.nav').parent().hover(//這里用到了.nav的父節(jié)點(diǎn)（就是hover到的元素）
    //因?yàn)槲覀冎荒茉诓寮蟮姆秶鷥?nèi)進(jìn)行設(shè)定，若是使用了外部的選擇器，就違背了這個(gè)原則
    function (){
     $(this).find(".nav").stop().slideDown("normal");//注意我們在這里使用了jquery的動(dòng)畫方法
    },function (){
     $(this).find(".nav").stop().slideUp("normal");//注意stop()的使用，不然會(huì)有類似手風(fēng)琴效果的出現(xiàn)，但那并不是我們需要的
    });
  }
 });
})(jQuery);

.hover{/*插件必須樣式*/
 list-style: none;
 margin:0;
 padding: 0;
 display: none;
}

$('.nav').addClass("hover");//將CSS與jQuery分離開來
$('.nav').css("color",color);//存在用戶設(shè)置時(shí)啟用，不存在就不用了（進(jìn)行判斷）

$(function (){
 $.nav("#999");//調(diào)用插件實(shí)現(xiàn)的全局方法，并且設(shè)置其展現(xiàn)背景顏色為#999。
});

;(function($){
 $.fn.extend({//定義為局部方法
  "nav" : function (color){
   $(this).find('.nav').addClass('hover');//上面已經(jīng)說過了,此時(shí)this指向調(diào)用該方法的元素
   $(this).find('.nav').css("color",color);//在當(dāng)前元素下，增加了一次find篩選，實(shí)現(xiàn)在對應(yīng)的元素中執(zhí)行。
   $(this).find('.nav').parent().hover(
    function (){
     $(this).find(".nav").stop().slideDown("normal");
    },function (){
     $(this).find(".nav").stop().slideUp("normal");
    });
   return this;//返回當(dāng)前的對象
  }
 });
})(jQuery);

$(function (){//這里的eq(0)代表只對第一份起到效果，復(fù)制后的沒有效果。
 //（你可以把上面的find篩選刪除之后再試試，您會(huì)發(fā)現(xiàn)，他又對余下的幾份起效果了）
 $(".list").eq(0).nav("red");//調(diào)用局部方法
});