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 相关文章推荐
Select标签下拉列表二级联动级联实例代码
Feb 07 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 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
网站当前的在线人数
2006/10/09 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
php表单处理操作
2017/11/16 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
Javascript中的相等与不等运算
2010/04/25 Javascript
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
Python函数式编程实例详解
2020/01/17 Python
python 穷举指定长度的密码例子
2020/04/02 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
大学生就业策划书范文
2014/04/04 职场文书
见习报告格式范文
2014/11/08 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
Win10 和 Win11可以共存吗? win10/11产品生命周期/服务更新介绍
2021/11/21 数码科技
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫
MySQL数据库之存储过程 procedure
2022/06/16 MySQL