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 08 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
Vue表单实例代码
Sep 05 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
vue 配置多页面应用的示例代码
Oct 22 Javascript
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
node解析修改nginx配置文件操作实例分析
Nov 06 Javascript
jquery插件实现轮播图效果
Oct 19 jQuery
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
日本十大惊悚动漫
2020/03/04 日漫
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
firefox插件Firebug的使用教程
2010/01/02 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
Javascript简单改变表单元素背景的方法
2015/07/15 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
JS简单实现表格排序功能示例
2016/12/20 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
javascript表单正则应用
2017/02/04 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
JS写滑稽笑脸运动效果
2020/05/28 Javascript
Python实现的简单发送邮件脚本分享
2014/11/07 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
Python生成随机验证码的两种方法
2015/12/22 Python
python 简单的多线程链接实现代码
2016/08/28 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
python中dict()的高级用法实现
2019/11/13 Python
python 实现return返回多个值
2019/11/19 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
自荐信结尾
2013/10/27 职场文书
演讲稿开场白
2014/01/13 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书
python通过新建环境安装tfx的问题
2022/05/20 Python