基於jQuery編寫外掛程式

寫在前面：相信很多使用過框架的人都不會再想著用jquery庫去找選擇器，對dom樹進行複雜的操作了吧，但是用jquery去擴充套件外掛程式和方法還是很有用途的，最起碼對自己的程式設計基礎還是很有用的，jquery庫相對穩定，自己擴充套件出來的方法或函式方便後期維護和提高自己的開發效率。

1. 我們最常接觸的外掛程式分為封裝物件方法的外掛程式和封裝全域性函式的外掛程式兩種。但是最主要的還是封裝物件方法的外掛程式，可以發揮出jquery選擇器的優勢。

物件方法應該寫在jquery.fn物件上，全域性函式應該寫在jquery物件本身上。

2. 再開發外掛程式的時候一定要先理解閉包的含義，利用閉包的特性，可以避免內部宣告的變數影響全域性空間，也可以再外掛程式內部使用$作為jquery的別名，一般形式：

;（function($)）(jquery); // 將jquery作為實參傳遞給匿名函式

【注】：開始前的分號是為了更好的相容性，所有的外掛程式都應該以分號結尾，否則壓縮的時候可能出現問題。所以開始前的分號是為了避免他人不規範的**帶來影響。

3. 擴充套件jquery功能的兩個方法：jquery.fn.extend() 和 jquery.extend()

;（function($)
});}）(jquery); // 將jquery作為實參傳遞給匿名函式

手風琴元件：

html呼叫：

《西遊記》簡介《西遊記》簡介《西遊記》簡介《西遊記》簡介《西遊記》簡介《三國志》簡介《三國志》簡介《三國志》簡介《三國志》簡介《三國志》簡介《三國志》簡介《三國志》簡介《水滸傳》簡介《水滸傳》簡介《水滸傳》簡介《水滸傳》簡介《水滸傳》簡介《水滸傳》簡介

元件js

//如果jquery物件無效,就報錯: 依賴於jquery.js
if(!window.jquery)
//在jquery的原型物件中定義accordion方法
jquery.fn.accordion=function())
}