jQuery使用prepend()方法在元素前添加内容用法实例
本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法。分享给大家供大家参考。具体分析如下:
下面的代码可实现在文本前和列表前添加新的元素
<!DOCTYPEhtml> <html> <head> <scriptsrc="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("p").prepend("<b>Prependedtext</b>."); }); $("#btn2").click(function(){ $("ol").prepend("<li>Prependeditem</li>"); }); }); </script> </head> <body> <p>Thisisaparagraph.</p> <p>Thisisanotherparagraph.</p> <ol> <li>Listitem1</li> <li>Listitem2</li> <li>Listitem3</li> </ol> <buttonid="btn1">Prependtext</button> <buttonid="btn2">Prependlistitem</button> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。