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 面向对象编程基础:封装
Aug 21 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 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
配置支持SSI
2006/11/25 PHP
使用PHP编写的SVN类
2013/07/18 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
php文件上传的两种实现方法
2016/04/04 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
JavaScript中的acos()方法使用详解
2015/06/14 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
js实现继承的5种方式
2015/12/01 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
ES6 Promise对象的含义和基本用法分析
2019/06/14 Javascript
详解vue 命名视图
2019/08/14 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
如何使用vue slot创建一个模态框的实例代码
2020/05/24 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
浅谈MySQL中的触发器
2015/05/05 Python
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
Windows下python3.6.4安装教程
2018/07/31 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
机器人瓦力观后感
2015/06/12 职场文书
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers