jquery知识 内部 外部插入元素
2015-06-30 20:15
537 查看
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文档处理</title> <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){ $('#box ul li').append('<h3>新添加的</h3>');//向每个匹配的元素内部追加内容 $('#box ul').appendTo('div');//把所有匹配的元素追加到另一个指定的元素集合中,首先要存在div标签 $('#box ul li').prepend('<h3>添加到前面</h3>');//添加到元素的前面 $('#box ul li').prependTo('');//将所有匹配的元素添加到指定元素集合的最前面 // after(content)//在每个匹配元素之后插入内容 // before(content)//在每个匹配元素之前插入内容 $('#box ul li').insertAfter('ol');//将所有匹配的元素插入到另一份指定的元素元素集合的后面,原来的没有了 $('#box ul li').insertBefore('ol');//将所有匹配的元素插入到另一份指定的元素元素集合的前面,原来的没有了 }) </script> <style type="text/css"> #box{ width:500px; height: 300px; margin:0 auto; border:1px solid green; } div{ border:1px solid green; } </style> </head> <body> <div id="box"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> <div></div> <ol></ol> </body> </html>
相关文章推荐
- Jquery选择器
- jquery 精华
- jquery 获取和设置 select下拉框的值
- jQuery EasyUI - ComboBox组合框
- 由 preventDefault()方法 复习jQuery 事件方法
- 高效的jQuery与js代码编写技巧总结
- jquery JSON的解析方式
- jQuery开发技巧
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery(基本用法)
- 如何用jQuery实现在鼠标滚动后导航栏保持固定
- jquery each()用法
- jQuery find()和echo()
- jQuery ajax方法总是执行error函数
- jquery操作select(取值,设置选中)
- JQuery常用的几种显示隐藏的方法
- jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作
- jquery 自定义扩展
- jquery生成二维码
- JQuery--使用autocomplete控件进行自动输入完成(相当于模糊查询)