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 相关文章推荐
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
JavaScript国旗变换效果代码
Aug 13 Javascript
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
快速解决vue动态绑定多个class的官方实例语法无效的问题
Sep 05 Javascript
jquery轮播图插件使用方法详解
Jul 31 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
PHP.MVC的模板标签系统(二)
2006/09/05 PHP
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python中反射用法实例
2015/03/27 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
JVM是一个编译程序还是解释程序
2012/09/11 面试题
Java面试题汇总
2015/12/06 面试题
同学会邀请书大全
2014/01/12 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
项目建议书模板
2014/05/12 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
雷峰塔导游词
2015/02/09 职场文书
离婚起诉状范本
2015/05/19 职场文书
教师工作证明范本
2015/06/12 职场文书
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL
如何使用pdb进行Python调试
2021/06/30 Python
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
2022/06/21 Java/Android