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 相关文章推荐
javscript对象原型的一些看法
Sep 19 Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
AngularJS路由Ui-router模块用法示例
May 29 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
vuex actions异步修改状态的实例详解
Nov 06 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 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
PHP新手上路(四)
2006/10/09 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
2020/03/03 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
2019/08/01 HTML / CSS
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
怎样写留学自荐信
2013/11/11 职场文书
酒店中秋节活动方案
2014/01/31 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
文案策划岗位职责
2015/02/11 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
六一亲子活动感想
2015/08/07 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
Python实现为PDF去除水印的示例代码
2022/04/03 Python
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS