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 相关文章推荐
解释&amp;&amp;和||在javascript中的另类用法
Jul 28 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
学习javascript面向对象 理解javascript原型和原型链
Jan 04 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
jQuery操作之效果详解
May 19 jQuery
angularjs实现搜索的关键字在正文中高亮出来
Jun 13 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
js实现移动端图片滑块验证功能
Sep 29 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
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
PHP 读取文本文件内容并分页显示
2016/01/02 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
jquery蒙版控件实现代码
2010/12/08 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
解决vue 表格table列求和的问题
2019/11/06 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
python实现远程控制电脑
2019/05/23 Python
python加载自定义词典实例
2019/12/06 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
幼儿园校车司机的岗位职责
2014/01/30 职场文书
《狐假虎威》教学反思
2014/02/07 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
班级文化建设标语
2014/06/23 职场文书
校园安全广播稿范文
2014/09/25 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
电影开国大典观后感
2015/06/04 职场文书
增值税发票丢失证明
2015/06/19 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
党员干部学习心得体会
2016/01/23 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书