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实现的DES加密示例
Oct 30 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
详解微信小程序开发之formId使用(模板消息)
Aug 27 Javascript
vue实现移动端H5数字键盘组件使用详解
Aug 25 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
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
php.ini中文版
2006/10/09 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
thinkphp分页实现效果
2016/10/13 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
Ext grid 添加右击菜单
2009/11/26 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
详解React中setState回调函数
2018/06/14 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
wxPython使用系统剪切板的方法
2015/06/16 Python
Python入门_条件控制(详解)
2017/05/16 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
行政经理岗位职责
2013/11/09 职场文书
电教室标语
2014/06/20 职场文书
车间核算员岗位职责
2014/07/01 职场文书
超市七夕促销活动方案
2014/08/28 职场文书
影视广告专业求职信
2014/09/02 职场文书
2014中学教师节广播稿
2014/09/10 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
《西门豹》教学反思
2016/02/23 职场文书
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技