如果你想要在你的項(xiàng)目中使用 jQuery,最好的方法就是直接導(dǎo)入 jQuery 源碼。
導(dǎo)入 jQuery 源碼可以讓你對(duì) jQuery 的整體架構(gòu)和實(shí)現(xiàn)有更深入的認(rèn)識(shí),同時(shí)也允許你對(duì) jQuery 的源碼進(jìn)行修改和優(yōu)化。
要導(dǎo)入 jQuery 源碼,首先需要從 jQuery 官網(wǎng)下載最新版本的源碼壓縮包。解壓壓縮包之后,你會(huì)發(fā)現(xiàn)一個(gè)名為 jquery-x.y.z.js 的文件(其中 x.y.z 表示 jQuery 的版本號(hào)):
jquery-x.y.z/
├── dist/
│ ├── jquery.js
│ └── jquery.min.js
├── src/
│ ├── ajax/
│ │ ├── jsonp.js
│ │ ├── load.js
│ │ ├── script.js
│ │ └── var/
│ │ ├── nonce.js
│ │ └── rquery.js
│ ├── attributes/
│ │ ├── attr.js
│ │ ├── classes.js
│ │ ├── prop.js
│ │ ├── support.js
│ │ └── val.js
│ ├── core/
│ │ ├── access.js
│ │ ├── init.js
│ │ ├── parseHTML.js
│ │ ├── ready.js
│ │ ├── var/
│ │ │ ├── push.js
│ │ │ └── rnotwhite.js
│ │ └── data.js
│ ├── css/
│ │ ├── css.js
│ │ ├── hooks.js
│ │ ├── support.js
│ │ └── var/
│ │ ├── cssExpand.js
│ │ ├── getStyles.js
│ │ └── rmargin.js
│ ├── custom/
│ ├── effects/
│ │ ├── animatedSelector.js
│ │ ├── animation.js
│ │ ├── effect.js
│ │ ├── queue.js
│ │ └── var/
│ │ ├── pnum.js
│ │ └── rboxStyle.js
│ ├── event/
│ │ ├── alias.js
│ │ ├── focusin.js
│ │ ├── support.js
│ │ └── trigger.js
│ ├── exports/
│ ├── jquery.js
│ ├── manipulation/
│ │ ├── _evalUrl.js
│ │ ├── buildFragment.js
│ │ ├── cleanData.js
│ │ ├── clone.js
│ │ ├── createComment.js
│ │ ├── createSafeFragment.js
│ │ ├── htmlPrefilter.js
│ │ ├── manipulation.js
│ │ ├── nativeCreateElements.js
│ │ └── support.js
│ ├── offset/
│ │ ├── offset.js
│ │ └── support.js
│ ├── queue/
│ │ ├── dequeue.js
│ │ ├── queue.js
│ │ └── var/
│ │ ├── rcssNum.js
│ │ └── rnumnonpx.js
│ ├── selector/
│ │ ├── escapeSelector.js
│ │ ├── pseudos.js
│ │ ├── support.js
│ │ ├── traversing.js
│ │ └── var/
│ │ ├── dir.js
│ │ └── Sizzle.js
│ ├── serialize/
│ ├── traversing/
│ │ ├── findFilter.js
│ │ ├── jquery.js
│ │ ├── var/
│ │ │ ├── pnum.js
│ │ │ └── rneedsContext.js
│ │ └── whileLoop.js
│ └── var/
│ ├── class2type.js
│ ├── document.js
│ ├── fnToString.js
│ ├── hasOwn.js
│ ├── index.js
│ ├── support.js
│ ├── toString.js
│ └── version.js
└── tests/
├── ...
重點(diǎn)關(guān)注 dist 文件夾中的 jquery.js 文件,這就是我們需要導(dǎo)入的 jQuery 源碼。如果需要壓縮版的 jQuery,可以使用 jquery.min.js。
要在你的 HTML 文件中導(dǎo)入 jQuery 源碼,只需在 <head> 標(biāo)簽中添加以下代碼:
<head>
<script src="jquery-x.y.z/dist/jquery.js"></script>
</head>
這樣就可以在你的項(xiàng)目中使用 jQuery 了。