使用jQuery完成課工場論壇列表


 

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基礎才可以寫出來的,我之后有空也會將一些基礎慢慢的寫出來,加深一下映象。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM