jQuery 基本語法、熱門插件

張凱喬
6 min readFeb 1, 2018

--

jQuery是一個新形態的JavaScript程式庫,主要是用在DOM 文件的操作,此外jQuery 的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能,讓你更容易操作遠端文件及事件。

jQuery可以幫助程式設計師更快的使用以javascript建立的模組,簡單來說,就是把javascript包裝成更白話、更迅速的寫法,此外,jQuery另外一個特色則是豐富的套件,五分鐘內就可以搞定燈箱、網頁進場效果。

語法的部分...好像也沒甚麼好介紹的
因為其實大致看過之後,就可以操作了

基本上,jQuery語法只要了解怎麼選取、怎麼動作就可以了
更重要的是學習如何在jQuery插件中調整客製的需求

2017熱門插件

隨機篩了幾個近期討論最棒插件的文章

挑幾個我覺得厲害的出來簡介

  • Tilted page scroll
    往下滑動照片的時候可以有3D的特效
  • SVGMagic
    讓你可以在網頁中使用svg向量圖
  • Owl Carousel
    最簡單達成圖片輪播的插件
  • fullPage
    整頁下滑的插件,建立整頁瀏覽的效果
  • multiScroll
    整夜瀏覽 只是滑動效果更炫
  • Splitchar
    字體特效
  • BootstrapValidator、form validation jQuery plugin
    搭配form建立驗證機制
  • prettySocial
    實用! 直接建立社群分享button

那jQuery這麼厲害
有甚麼缺點嗎?

CSS-tricks直接指出
JavaScript已經夠方便、越來越方便了
有些時候你用jQuery也只是多此一舉

再來,資深的程式設計師都會建議
盡可能的不要使用jQuery

因為在寫jQuery的過程中很常混用jQuery本身的物件、原始的JavaScipt寫法與DOM元件,除了使程式碼越來越難理解之外,也捨棄了原先程式碼架構的意義。

受手持裝置瀏覽網頁的占比快速的拉升,大大的一包jQuery也會拖慢網頁瀏覽的速度,其中重要的關鍵因素是,jQuery擁有龐大的插件群支持,為了要配合及相容插件,所以jQuery也被迫繼續包著一大包。

這個有空可以再看一下像是Angular, React這些比較新的函示庫,這些新的函示庫沒有插件群的牽絆,可以快速地配合最新的JS api針對手持裝置的瀏覽體驗進行改善。

這篇先降
ㄅㄅ

--

--

No responses yet