標題: [教學] 初探jQuery [打印本頁]

---

作者: plku56ty    時間: 2013-3-17 17:05     標題: 初探jQuery

jQuery 怎麼用來「快速選取元素」並且「做一些事情」呢？請看看程式碼：$("div").addClass("special");  

$("div").addClass("special");錢記號 $ 是 jQuery 的物件，使用 $("div") 就是用 jQuery 來選取元素，這個範例可以選取文件內所有的 <div> 元素。後面接著的 .addClass("special") 就是用來做一些事情，這個範例是將先前所選取到的所有元素都加上一個名為 "special" 的 class。也就是透過 $("div").addClass("special") 的語法，可以讓你一次幫文件上有的 <div> 元素都加入 special 的 class。

請注意喔，剛剛的例子可以針對已選取的多個元素做批次的操作，也就是說如果文件上有三個 <div>，那就會一次找出三個 <div> 並且全部套用後續的動作。這和你原本自己使用 JavaScript 來寫程式有很大的差異，原本自己寫可能會需要用到迴圈之類的語法，而 jQuery 的函數大多具有批次處理的功能，光是這點就可以讓你的程式更簡潔了。

關於錢記號 $ 將會是你學習及使用 jQuery 的過程中最重要的物件（或者你要把 $ 當成一個函數也可以，事實上也是這樣)，使用方式就像剛剛你看到的，用來找元素用的，把參數帶入即可。或許你不習慣錢記號也可以當成函數名稱，那麼你也可以用 jQuery 這個名字，錢記號其實是被當成 jQuery 的縮寫，讓你的函數看起來更簡潔一些，如果你要自己設定另外一個縮寫，例如 $j，也是可以的，這部份後續再解釋，先看看已下的範例，結果將會和上面的範例是一模一樣的：jQuery("div").addClass("special");

---

歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)