jquery移动节点实例


Posted in Javascript onJanuary 14, 2015

本文实例讲述了jquery移动节点的实现方法,分享给大家供大家参考。具体实现方法如下:

方法很方便简单,使用 append()方法即可。代码如下:

<html>

<head>

<title>jquery移动节点</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("button").click(function(){

   $("div").append($("p"));

  });

 });

</script>

<style type="text/css">

h5{color:blue;}

div{width:300px;height:60px;border:solid 1px green;}

div p{color:red;}

</style>

</head>

<body>

<h5>jquery移动节点</h5>

<button>点我</button>

<div>哈哈哈哈哈哈,太搞笑了</div>

<p>你太幽默了</p>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS日历 推荐
Dec 03 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
jquery获取checkbox的值并post提交
Jan 14 #Javascript
js打造数组转json函数
Jan 14 #Javascript
使用jquery 简单实现下拉菜单
Jan 14 #Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 #Javascript
js实现禁止中文输入的方法
Jan 14 #Javascript
JavaScript 学习笔记之语句
Jan 14 #Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 #Javascript
You might like
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
php文件上传简单实现方法
2015/01/24 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
node.js中的fs.readlinkSync方法使用说明
2014/12/17 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
Mac下安装vue
2018/04/11 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
python类继承用法实例分析
2015/05/27 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
使用python生成目录树
2018/03/29 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Form表单及django的form表单的补充
2019/07/25 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
美国单身专业人士在线约会网站:EliteSingles
2019/03/19 全球购物
新浪微博实习心得体会
2014/01/27 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
合伙协议书范本
2014/04/21 职场文书
安全月宣传标语
2014/10/07 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
横空出世观后感
2015/06/09 职场文书
MySQL的Query Cache图文详解
2021/07/01 MySQL
Python中的pprint模块
2021/11/27 Python
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android