jquery以及原生js 如何实现div倒序
2016-09-21 17:43
405 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!--<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>--> </head> <body> <div class="container"> <div>01</div> <div>02</div> <div>03</div> <div>04</div> <div>05</div> <div>06</div> </div> <script type="text/javascript"> /*jquery*/ /*$(".container>div").each(function(){ $(this).prependTo(".container"); })*/ /*vanilla*/ var bigContainer = document.querySelectorAll(".container>div"); for(var i=bigContainer.length-1;i>-1;i--){ document.querySelector(".container").appendChild(bigContainer[i]); } </script> </body> </html>
相关文章推荐
- 【JS】如何用原生JS实现jQuery的ready方法
- jQuery的index()原生js实现以及删除空白文本节点函数
- jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
- 原生js如何实现柱状图以及原生js柱状图结合ajax循环动态数据_JavaScript_柱状图(原生JavaScript做的柱状图)(03)_ajax获取数据
- jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
- ashx+jquery+autocomplete.js如何实现自动填充
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现 加上你的CSS完全可以与EXT媲美哦
- jQuery链式操作如何实现以及为什么要用链式操作
- 非常惊艳的Css3的桌面上散落的相片效果,以及单击放大图片的LightBox效果(独立Js非jQuery)的实现原理
- JS原生方法实现jQuery的ready()
- Joomla!中如何使用switcher.js实现一个位置上div层的切换显示 【转】
- 原生js实现jquery的getJSON方法
- 原生js方式实现ajax,并仿jquery方式简单调用
- jquery全选/全不选/反选另一种实现方法(配合原生js)
- js中方法重载如何实现?以及函数的参数问题
- 如何用原生态的JS实现类似JQuery的$("#id"),$(".selector")等功能
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- 如何实现完美的表单验证?js? jquery? struts? ajax?
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- 原生 JS 代码和用 jQuery 实现效果各有什么优劣势