本文實(shí)例講述了jQuery簡單實(shí)現(xiàn)向列表動(dòng)態(tài)添加新元素的方法。分享給大家供大家參考，具體如下：
先看看效果圖：
完整實(shí)現(xiàn)代碼如下：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>m.survivalescaperooms.com jQuery列表添加新元素</title><script src="jquery-1.7.2.min.js"></script></head><body><h3>li列表：</h3><ol> <li>jb51</li> <li>php</li> <li>javascript</li> <li>HTML5</li></ol><input type="text" id="text"><input type="button" id="btn" value="添加"><script type="text/javascript"> $(function () { $('#btn').click(function () { $('ol').append('<li>'+$('#text').val()+'</li>'); });});</script></body></html>更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結(jié)》、《jQuery頁面元素操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
