https://www.lagagain.com/tags/jquery/Recent content in jQuery on 又LAG隨性筆記Hugo -- gohugo.iozh-TWSun, 05 Apr 2020 09:05:17 +0800https://www.lagagain.com/post/%E4%BB%80%E9%BA%BC%E6%98%AFjquery%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E7%9B%9B%E8%A1%8C%E9%82%84%E9%9C%80%E8%A6%81javascript%E5%87%BD%E5%BC%8F%E5%BA%AB%E5%97%8E/Sun, 05 Apr 2020 09:05:17 +0800https://www.lagagain.com/post/%E4%BB%80%E9%BA%BC%E6%98%AFjquery%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E7%9B%9B%E8%A1%8C%E9%82%84%E9%9C%80%E8%A6%81javascript%E5%87%BD%E5%BC%8F%E5%BA%AB%E5%97%8E/<blockquote> <ul> <li>本篇首發於<a href="https://tw.alphacamp.co/blog/jquery-javascript-library-overview">ALPHACamp Blog</a>(2020-03-25)</li> <li>2020-04-05 更新</li> </ul> </blockquote> <hr> <blockquote> <p>前端框架盛行還需要JavaScript函式庫嗎？<br> 如果你想透過本篇文章，直截了當的知道該不該使用jQuery，可能要讓你失望了。<br> 很難說到底應不應該使用jQuery，可能在某些情況下使用jQuery仍是最好的選擇。即使是現在的流行的三大前端框架，也是依照情況與需求使用。<br> 了解jQuery到底是什麼、前端框架是什麼，會比要不要使用jQuery更有意義。</p> <p>本篇帶你看看我了解的jQuery前世今生</p> </blockquote> <p>瀏覽器發展歷史上出現過幾次大混戰。儘管後來有了W3C(全球資訊網協會/World Wide Web Consortium)進行標準的制定，各個瀏覽器廠商仍開發各自瀏覽器的「特異功能」吸引使用者與開發者。這些特異功能促使了瀏覽器標準的進步，也照成了開發上的困難。</p> <blockquote> <p>為解決網路應用中不同平台、技術和開發者帶來的不相容問題，保障網路資訊的順利和完整流通，全球資訊網協會制定了一系列標準並督促網路應用開發者和內容提供者遵循這些標準。<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> </blockquote> <p>2006年1月，<code>jQuery</code>推出了第一個版本，隨後變成為了最受歡迎的JavaScript函式庫之一<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>。附帶一題，我們現在熟悉的HTML5標準是在2014年正式定稿推出<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup>，即使是現在，每年瀏覽器的標準也是快速地在變動。在後文我會在說明為何開頭我想提到這兩件事情。</p> <h1 id="什麼是jquery-從常見功能來看">什麼是jQuery? 從常見功能來看</h1> <p>jQuery之所以受歡迎，是因為他提供了一系列簡單方便，而且兼容的操作，省去開發人員的部份煩惱。這裡舉幾個簡單的例子：</p> <h2 id="選取器">選取器</h2> <p>現代瀏覽器標準分成三個部份：</p> <ol> <li>HTML</li> <li>CSS</li> <li>ECMAScript / JavaScript</li> </ol> <p>其中第三個就是常聽到的JS/Javascript。目前更正式的名稱是ECMAScript，也是今天主要jQuery主要的基礎。不同於瀏覽器腳本(Script)的標準，CSS2在以前就提供豐富易用的選擇器，讓設計人員撰寫樣式表(stylesheet)</p>