方法1:
$("<tr><td>哇哈哈</td></tr>").appendTo($("#behindMe"));
这种方式在动态添加一个小的片段时,是可取的,但如果动态添加的内容有很大一段或者这一段会被重复添加多次到当前页面中。那么在使用这种将插入内容在脚本里面写死的方式就不够优雅了,于是有了方法2:
方法2:
e.g
<script type="text/javascript"> var temp; $(document).ready(function() { temp = $("#useToInsert"); $("#addConfig").click(function() { temp.clone(true).appendTo($("#table1")); } }); }); </script> <div style="display: none;"> <table> <tr id="useToInsert"> <td>哇哈哈</td> </tr> </table> </div> <form> <div class="addSearch floatLeft"><a id="addConfig" href="#"></a></div> <table id="table1"> <tr> <td>嘿嘿嘿</td> </tr> </table> </form>
先在页面中预先定义可能会被创建的元素模块,将其隐藏。在jquery脚本中,需要动态添加该脚本时,选取到隐藏模块,复制一个副本,然后添加到指定的位置即可。
點(diǎn)擊查看更多內(nèi)容
2人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)