[WebTech #82] JavaScript 大補帖！一篇搞定 JavaScript！
這篇大概是今天唯一會分享的一篇了...別誤會！我沒有偷懶！關於 JavaScript，我一樣收集了大約 80 幾篇國內外文章打算分享的！但是昨天晚上，不小心找到我現在要分享的這篇，一頁就刊出 89 篇影音教學！而且主題包括「JavaScript 入門」、「JavaScript 物件」、「AJAX」、「DOM」、「jQuery」。把我要分享的主題全包括了！而且還追加「用 JavaScript 做 App」、「JavaScript 設計模式」等幾個額外的主題。
我倒抽一口涼氣，心想：「這篇貼出去我還混什麼啊？」於是我的心情就在「照原定計畫刊出 80 幾篇、以彰顯小弟的努力跟多賺幾個讚」，還是「貼出這一篇、頂著可能被別人罵偷懶、但對大家有幫助」之間搖擺不定。最後...我決定還是以讀者能夠理解為最優先！虛榮心什麼的去吃 X 吧... XD。
原文是台灣的一位網友，依照 w3schools.com （我前幾天分享 CSS 時也有引用他們的文章）的大綱，以台灣方面電腦用語（如：Object=物件，而非「對象」。Memory=記憶體，而非「內存」）錄製而成的影音教學。考量到本粉絲頁還是以台灣網友佔多數，中國、香港、新加坡、馬來西亞的網友，如果您們不習慣台灣這邊的用語就抱歉了！我會提供英文原文給您們參考的！
接下來，就讓我隆重介紹今天唯一一篇、也最補的一篇：JavaScript 教學大補帖！連結與大綱如下，想學會的朋友一定要耐心看完喔：
台灣網友影音版：
http://ithelp.ithome.com.tw/question/10098361
w3schools.com 英文原文（無影片）：
http://www.w3schools.com/js/
JavaScript 教學 1：簡介
JavaScript 教學 2：環境
JavaScript 教學 3：變數
JavaScript 教學 4：運算子
JavaScript 教學 5：邏輯
JavaScript 教學 6：If...Else
JavaScript 教學 7：Switch
JavaScript 教學 8：彈出式對話框
JavaScript 教學 9：函數
JavaScript 教學 10：for 迴圈
JavaScript 教學 11：while 迴圈
JavaScript 教學 12：for each 迴圈
JavaScript 教學 13：break／continue
JavaScript 教學 14：事件
JavaScript 教學 15：Exception
JavaScript 教學 16：自定義錯誤
JavaScript 教學 17：特殊字元
JavaScript 教學 18：物件
JavaScript 教學 19：字串
JavaScript 教學 20：日期
JavaScript 教學 21：陣列
JavaScript 教學 22：布林
JavaScript 教學 23：數學
JavaScript 教學 24：正規式
JavaScript 教學 25：Browser 物件
JavaScript 教學 26：Cookie
JavaScript 教學 27：setInterval
JavaScript 教學 28～30：AJAX
JavaScript 教學 31～33：DOM
JavaScript 教學 34～42：jQuery
JavaScript 教學 43：JSON
JavaScript 教學 44～55：App 實作
JavaScript 教學 56﹣85：JS 三十參
JavaScript 教學 86：JSFiddle
JavaScript 教學 87～89：設計模式
jquery for迴圈 在 [問題] 迴圈+jquery - 看板Web_Design - 批踢踢實業坊 的推薦與評價
事情是這樣的(￣ ￣；)a
今天處理某個網頁
網頁中有19個按鈕，分別用jquery把19張圖片fadeIn
當然我一個一個寫也可以，但是又覺得ID是規律的，應該可以用for讓他自己跑吧
(不然以後碰到200個怎麼辦XD)
不過寫了以後卻跑不動，雖然想找原因，但因為我的JS程度還在翻書，書翻了也沒找到答
案，目前沒什麼頭緒，可能觀念上就有問題了吧囧 只好上網求解 Orz
以下是我的寫法
‧如果只有一個按鈕的話，我是這樣寫，#but1是按鈕 #co_1是圖片。
這個寫法是有效的。
$(function(){
$("#but1").click(
function(){
$("#co_1").fadeIn(4000);
});
})
***********
‧寫成for的話，我以為是這樣，但卻沒動
for(var i=1; i<20;i++){
var butNAME='#'+'but'+i;
var cosName='#'+'co_'+i;
$(function(){
$(butNAME).click(
function(){
$(cosNam).fadeIn(4000);
});
})
document.write(butNAME) //這裡我用來確認for的確有跑出我要的ID
}
我想可能是ID選擇器不能用變數直接代替？
不知道應該用什麼方法改成可用的？(硬寫19個也可以，但我只是在想最佳的寫法)
麻煩大家了 <(_ _)>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.126.30.45
囧
HTML長得要命，不然就貼上來了
這的網頁前面還有fancy box等效果用的JS...
我開一個新檔案再試試看好了，謝謝L大
※ 編輯: oj113068 來自: 59.126.30.45 (08/20 23:19)
@ @!!!好!!
※ 編輯: oj113068 來自: 59.126.30.45 (08/20 23:20)
回L大，不行呢...Orz (而且好像只跑出#but19..)
回S大，不是喔
按鈕是input
圖片是img
所以我應該改用...陣列嗎？
不好意思，有個案外案(?)，如果最後i只有19，那#but19不是應該要有效嗎？@ @a
謝謝幾位推文的版友~^^"
我好像把事情想的簡單了 Orz 要吸收一下
(我只是想 1.一個的我會寫 2.我會for 3.FLASH可以這樣寫
1+2+3=應該可以不用寫19個 \⊙▽⊙/)
※ 編輯: oj113068 來自: 59.126.30.45 (08/20 23:46)
... <看更多>