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 相关文章推荐
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
jQuery中setTimeout的几种使用方法小结
Apr 07 Javascript
简单的分页代码js实现
May 17 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
微信小程序入门之绘制时钟
Oct 22 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
在CentOS系统上从零开始搭建WordPress博客的全流程记录
2016/04/21 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
js读写(删除)Cookie实例详解
2013/04/17 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
python实现贪吃蛇游戏
2020/03/21 Python
对Python3 序列解包详解
2019/02/16 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
Python各种扩展名区别点整理
2020/02/27 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
两则小学生的自我评价分享
2013/11/14 职场文书
婚礼秀策划方案
2014/05/19 职场文书
电子商务专业求职信
2014/07/10 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
毕业酒会致辞
2015/07/29 职场文书
Rust 连接 PostgreSQL 数据库的详细过程
2022/01/22 PostgreSQL