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 相关文章推荐
Jquery插件之打造自定义的select标签
Nov 30 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
js 获取时间间隔实现代码
May 12 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
vue中eslintrc.js配置最详细介绍
Dec 21 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
开发大型PHP项目的方法
2006/10/09 PHP
一个简单计数器的源代码
2006/10/09 PHP
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
主流PHP框架的优缺点对比分析
2014/12/25 PHP
php往mysql中批量插入数据实例教程
2018/12/12 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
2017/02/13 Javascript
Angular2学习笔记之数据绑定的示例代码
2018/01/03 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
Python中subprocess的简单使用示例
2015/07/28 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
2014年母亲节寄语
2014/05/07 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
机动车登记业务委托书
2014/10/08 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
给老师的一封感谢信
2015/01/20 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python