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 相关文章推荐
js获取当前页面路径示例讲解
Jan 08 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
Mar 17 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
js实现限定范围拖拽的示例
Oct 26 Javascript
教你一步步实现一个简易promise
Nov 02 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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP中对数据库操作的封装
2006/10/09 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
详解webpack4升级指南以及从webpack3.x迁移
2018/06/12 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
Python psutil模块简单使用实例
2015/04/28 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
浅谈CSS3 动画卡顿解决方案
2019/01/02 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
采购部主管岗位职责
2014/01/01 职场文书
联谊活动策划书
2014/01/26 职场文书
通信研究生自荐信
2014/02/01 职场文书
小学语文课后反思精选
2014/04/25 职场文书
护林防火标语
2014/06/27 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
检讨书怎么写
2015/01/23 职场文书
世界遗产的导游词
2015/02/13 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
解决golang 关于全局变量的坑
2021/05/06 Golang
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
深入理解Pytorch微调torchvision模型
2021/11/11 Python
python游戏开发Pygame框架
2022/04/22 Python