1.點擊我要發帖
2.顯示出form表單,然后我們填入標題和選擇板塊
3.點擊發布,隱藏表單,發帖列表中出現隨機頭像,剛才填入的標題和板塊顯示在列表中,其中還顯示出了發布消息的時間
4.再一次的點擊我要發帖,再顯示出表單,然后發帖,信息顯示在列表最上方
以上是我們的課工場論壇列表執行過程
完成這樣的項目之前,首先我們要應該知道,這是考我們什么知識點,每一步的思路要清晰。
第一點,就是要把“我要發帖”和“發布”這兩個按鈕給添加我們點擊事件,一個需要顯示,一個需要隱藏。
第二點,用jQuery獲取我們表單內容,我們只需要獲取一個文本框和下拉列表框的value值就可以了,獲取到后,創建2個變量去賦值,等后面我們再使用。
第三點,獲取頭像,我們可以先把頭像圖片放在同一個文件夾中,然后把所有的圖片(n張圖片)名稱存放在一個數組里面。接下來我們只需要用Math.floor(Math.random()*n)方法獲取0到n-1的隨機數就可以了。路徑現在就可以直接寫數組[隨機數],這樣我們就能夠生成一個隨機的圖片路徑。
第四點,獲取時間方法只需要new Date()方法就可以了,然后得到年月日等信息。
第五點,在創建標簽的時候比如我們要創建li標簽 var $newLi=$("<li></li>") 用工廠函數$去申明。然后將所有的標簽創建好,然后用append或其他方法連接起來
第六點,可以先寫好css,css可以用標簽選擇器的后代選擇器規划好來,這樣只要我們一創建標簽就可以有樣式了(也可以寫好用類選擇器寫好css,使用addclass方法)。最后可以把輸入框清空,然后表單隱藏起來。就完成了我們這個項目。
寫這個項目,我們是要有很多jQuery基礎才可以寫出來的,我之后有空也會將一些基礎慢慢的寫出來,加深一下映象。