夺命雷公狗jquery---39元素内部头尾部插入方法
2015-10-29 23:33
766 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> p{background-color:red; } #div2{background-color:blue;} </style> <script src="js/jquery.js"></script> <script> $(function(){ $('#btnok').bind('click',function(){ //1.在元素尾部插入内容 //$('#div1').append('world'); //2.在元素头部插入内容 //$('#div1').prepend('I O V '); //3.把匹配到的内容插入到元素的尾部 //$('p').appendTo('#div2'); //4.把匹配到的内容插入到元素的头部 $('#div2').prependTo('#p1'); }); }); </script> </head> <body> <p id="p1">p1</p> <hr /> <div id="div1">hello~</div> <hr /> <div id="div2">div2</div> <hr /> <input type="button" id="btnok" value="插入操作" /> </body> </html>
相关文章推荐
- jQuery实现点击弹出层3秒后自动消失
- JQuery原理介绍及学习方法
- jquery自定义方法
- 三、jQuery--jQuery基础--jQuery基础课程--第6章 jQuery 事件与应用
- 【jquery】input 和 blur 事件
- jQuery函数attr()和prop()的区别
- jQuery知识点
- jquerymobile 起航
- jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
- jquery 编程的最佳实践
- JQuery总结一:选择器归纳
- jquery应用
- Jquery中的offset()和position()深入剖析(元素定位)
- 10个免费的响应式jQuery Carousel 轮播图插件
- 为Web程序员准备的10个最棒的jQuery视频插件
- 人人必知的10个 jQuery 小技巧
- Oct 29th-jQuery的异步请求
- JQuery原理介绍及学习方法
- JQuery & Javascript
- JQuery原理介绍及学习方法