這篇文章適合誰
jQuery 是一套 JavaScript 的 Library，因此，你需要有一些 JavaScript 的基礎，至少寫過一些 JavaScript 才比較容易上手，並且看得懂後續的教學。
jQuery是什麼
jQuery是一個新形態的JavaScript程式庫，主要是用在DOM 文件的操作，此外jQuery 的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能，讓你更容易操作遠端文件及事件。
jQuery可以幫助工程師更快的使用以javascript建立的模組，簡單來說，就是把javascript包裝成更白話、更迅速的寫法，此外，jQuery另外一個特色則是豐富的套件，五分鐘內就可以搞定燈箱、網頁進場效果。
jQuery 庫包含以下特性
- HTML 元素選取
- HTML 元素操作
- CSS 操作
- HTML 事件函式
- JavaScript 特效和動畫
- HTML DOM 遍歷和修改
- AJAX
- Utilities
編寫基本的jQuery
基本範例
當想使用jquery時則必須要先include .js檔，如jquery.min.js。
選擇器方法
Selector Syntax
- $(“*”)：Selects all elements
- $(this)：Selects the current HTML element
- $(“p.intro”)：Selects all
elements with class=”intro”
- $(“p:first”)：Selects the first
element
- $(“ul li:first”)：Selects the first
- element of the first
- $(“ul li:first-child”)：Selects the first
- element of every
- $(“[href]”)：Selects all elements with an href attribute
- $(“a[target=’_blank’]”)：Selects all elements with a target attribute value equal to “_blank”
- $(“a[target!=’_blank’]”)：Selects all elements with a target attribute value NOT equal to “_blank”
- $(“:button”)：Selects all
- $(“tr:even”)：Selects all even
elements - $(“tr:odd”)：Selects all odd
elements
jQuery常用的event
in-memory 建立DOM元素
範例
結語
已上是jQuery的一些基本的語法整理，希望能夠藉由這篇文章幫助到你，當然還有很多的用法沒有收納進來，如果想要對JavaScript本身有更多的瞭解，Udemy這裡開課囉！老師從基礎手把手的帶你，教你主流寫法提升 JS 開發能力！
如果你的入門還在單打獨鬥，歡迎來到快樂學程式找到志同道合的夥伴，你的自學之路不孤單。
