jQuery使用prepend()方法在元素前添加內容用法實例
更新時間:2015年03月26日 16:06:29 作者:上大王
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內容的方法,實例分析了prepend方法追加內容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery使用prepend()方法在元素前添加內容的用法。分享給大家供大家參考。具體分析如下:
下面的代碼可實現在文本前和列表前添加新的元素
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("p").prepend("<b>Prepended text</b>. "); }); $("#btn2").click(function(){ $("ol").prepend("<li>Prepended item</li>"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> <button id="btn1">Prepend text</button> <button id="btn2">Prepend list item</button> </body> </html>
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
- jquery?追加元素append、prepend、before、after用法與區(qū)別分析
- jQuery 追加元素的方法如append、prepend、before
- jQuery中append、insertBefore、after與insertAfter的簡單用法與注意事項
- jQuery使用before()和after()在元素前后添加內容的方法
- jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹
- jQuery插入節(jié)點和移動節(jié)點用法示例(insertAfter、insertBefore方法)
- jquery插件jquery.beforeafter.js實現左右拖拽分隔條對比圖片的方法
- jQuery圖片前后對比插件beforeAfter用法示例【附demo源碼下載】
- 解決jQuery使用append添加的元素事件無效的問題
- jquery append與appendTo方法比較
- jQuery添加新內容的四個常用方法分析【append,prepend,after,before】
相關文章
jQuery Ajax實現Select多級關聯動態(tài)綁定數據的實例代碼
這篇文章主要介紹了jQuery Ajax實現Select多級關聯動態(tài)綁定數據的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10jQuery添加新內容的四個常用方法分析【append,prepend,after,before】
這篇文章主要介紹了jQuery添加新內容的四個常用方法,結合實例形式分析了jQuery元素添加append,prepend,after,before四種方法的功能與相關使用技巧,需要的朋友可以參考下2019-03-03