jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能
本文實(shí)例為大家分享了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能的具體代碼,供大家參考,具體內(nèi)容如下
例子:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <style type="text/css"> #tab { border-right:1px solid #000000; border-bottom:1px solid #000000; width:200px; } #tab td{ border-left:1px solid #000000; border-top:1px solid #000000; } </style> <script src="../scripts/jquery-1.3.1.js"></script> <script> $(function () { $("#Button1").click(function () { //獲取昵稱 var name = $("#name").val(); //獲取內(nèi)容 var next = $("#next").val(); //添加 var ul_li = $(" <tr><td>" + name + "</td><td>" + next + "</td>"); var b = $("#tab"); b.append(ul_li); }); }); </script> </head> <body> <div> <table id="tab"> <tr><td>昵稱</td><td>內(nèi)容</td> </table> 昵稱:<input id="name" type="text" /> 內(nèi)容:<input id="next" type="text" /> <input id="Button1" type="button" value="評(píng)論" /> </div> </body> </html>
效果:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- jquery 新浪網(wǎng)易的評(píng)論塊制作
- jquery實(shí)現(xiàn)仿新浪微博評(píng)論滾動(dòng)效果
- 基于jquery實(shí)現(xiàn)ajax無(wú)刷新評(píng)論
- jQuery實(shí)現(xiàn)的簡(jiǎn)單無(wú)刷新評(píng)論功能示例
- jQuery 實(shí)現(xiàn)評(píng)論等級(jí)好評(píng)差評(píng)特效
- JQuery實(shí)現(xiàn)動(dòng)態(tài)添加刪除評(píng)論的方法
- PHP結(jié)合jQuery實(shí)現(xiàn)的評(píng)論頂、踩功能
- jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼
- C#使用jQuery實(shí)現(xiàn)無(wú)刷新評(píng)論提交的方法
- 基于jQuery實(shí)現(xiàn)的美觀星級(jí)評(píng)論打分組件代碼
相關(guān)文章
jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法和web服務(wù)定義的方法分享
jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法和web服務(wù)定義的方法分享,需要的朋友可以參考下2012-03-03基于jQuery的為attr添加id title等效果的實(shí)現(xiàn)代碼
下面的例子是通過jquery為連接增加title描述的代碼,在當(dāng)前頁(yè)的連接上寫上,你好,現(xiàn)在在試驗(yàn)連接文字的簡(jiǎn)單描述。2011-04-04jquery+ajax請(qǐng)求且?guī)Х祷刂档拇a
這兩天的工作內(nèi)容不多,基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡(jiǎn)單的ajax請(qǐng)求,并沒關(guān)注怎么獲取ajax返回值的問題。2015-08-08基于jQuery實(shí)現(xiàn)頂部導(dǎo)航欄功能
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)頂部導(dǎo)航欄功能,jQuery三級(jí)下拉列表導(dǎo)航菜單,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jQuery 如何實(shí)現(xiàn)一個(gè)滑動(dòng)按鈕開關(guān)
本文給大家分享一段jquery代碼實(shí)現(xiàn)滑動(dòng)按鈕開關(guān)的效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的的朋友參考下2016-12-12jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的方法
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的方法,需要的朋友可以參考下2014-06-06jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼,具有tab切換與滑動(dòng)門的功能,涉及鼠標(biāo)事件的響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)變換操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03jQuery實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁(yè)換膚效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁(yè)換膚效果,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換操作技巧,需要的朋友可以參考下2016-09-09