jQuery使用prepend()方法在元素前添加内容用法实例教程
程序员文章站
2022-08-03 13:14:58
本文实例讲述了jquery使用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>
上一篇: 搭载三星10nm新U 三星Galaxy A50s跑分曝光
下一篇: 为了家为了钱,他们居然如许!
推荐阅读
-
jQuery使用after()方法在元素后面添加多项内容的方法教程
-
jQuery使用prepend()方法在元素前添加内容用法实例教程
-
jQuery使用append在html元素后同时添加多项内容的方法教程
-
jQuery使用before()和after()在元素前后添加内容的方法教程
-
jQuery使用before()和after()在元素前后添加内容的方法_jquery
-
jQuery使用before()和after()在元素前后添加内容的方法_jquery
-
jQuery使用after()方法在元素后面添加多项内容的方法_jquery
-
jQuery使用before()和after()在元素前后添加内容的方法
-
jQuery使用append在html元素后同时添加多项内容的方法教程
-
jQuery使用prepend()方法在元素前添加内容用法实例教程