jQuery使用prepend()方法在元素前添加内容用法实例
2015-03-26 16:06
931 查看
本文实例讲述了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使用after()方法在元素后面添加多项内容的方法
- jQuery使用before()和after()在元素前后添加内容的方法
- jQuery使用hide方法隐藏元素自身用法实例
- jQuery使用hide方法隐藏指定元素class样式用法实例
- JavaScript使用push方法添加一个元素到数组末尾用法实例
- jQuery中prepend()方法用法实例
- jQuery使用之处理页面元素用法实例
- jQuery使用之设置元素样式用法实例
- jQuery使用之标记元素属性用法实例
- jQuery使用之设置元素样式用法实例
- jQuery使用之处理页面元素用法实例
- jQuery使用append在html元素后同时添加多项内容的方法
- jQuery使用attr()方法同时设置多个属性值用法实例
- JavaScript使用pop方法移除数组最后一个元素用法实例
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 使用jQuery内容过滤选择器选择元素实例讲解
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)