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对数字的格式化使用说明
Jan 12 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
threejs太阳光与阴影效果实例代码
Apr 05 Javascript
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
德生H-501的评价与改造
2021/03/02 无线电
php zend解密软件绿色版测试可用
2008/04/14 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
深入理解JavaScript中的预解析
2017/01/04 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
Python 创建子进程模块subprocess详解
2015/04/08 Python
Python实现处理管道的方法
2015/06/04 Python
浅谈编码,解码,乱码的问题
2016/12/30 Python
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
销售行政专员职责
2014/01/03 职场文书
客户表扬信范文
2014/01/10 职场文书
经济管理毕业生求职信
2014/03/15 职场文书
环保倡议书怎么写
2014/05/16 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书