两个DOM 交换位置
2015-09-11 11:07
351 查看
如下代码 如何交换 #a 与#b 的位置
整个DOM交换
答:
整个DOM交换
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style type="text/css"> b { display:block; } #a { background:red; width:100px; height:35px; margin:10px; } #b { background:#666; width:100px; height:35px; margin:10px; } </style> <body> <div id="a" class="a"><b>11</b></div> <div id="b" class="c ae"><em>22</em></div> <div style="background:#963; width:100px; height:100px;" id="oDiv">点击</div> </body> </html> <script src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function(){ $("#oDiv").on({ click:function(){ var a=$("#a").html(); alert(a); } }) }) </script>
答:
<script type="text/javascript"> $(function(){ $("#oDiv").click(function () { var a = $(".a").eq(0); var b = $(".a").eq(1); a.insertAfter(b) }); }) </script>
相关文章推荐
- 4、DHCP部署
- OpenStack Mnaila 2015-09-10 IRC会议内容
- java.lang.String中的trim()方法的详细说明
- linux shell数组赋值方法(常用)
- [MySQL FAQ]系列 — 线上环境到底要不要开启query cache
- 欢迎使用CSDN-markdown编辑器
- C#—委托
- GrabParkingSpacesGame(comlex)
- JS字符串大小写转换实现方式
- css伪元素before/after和画三角形的搭配应用
- EasyUI DataGrid undefined处理
- 计算机编码总结
- Entity Framework 学习总结之一:ADO.NET 实体框架概述
- cmake 命令 安装,用法简介
- mysql出现错误 Every derived table must have its own alias
- 【摘自百度知道】一个字符等于几个字节
- java中HashMap详解
- JAVA 使用iText导出PDF(含有Table)示例
- 冒泡排序
- Objective-C 【NSString 的其他常见用法】