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添加控件自定义属性解析
Nov 25 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
jQuery 追加元素的方法如append、prepend、before
Jan 16 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
vue.js父组件使用外部对象的方法示例
Apr 25 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 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数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
jQuery pagination分页示例详解
2018/10/23 jQuery
在Vue中使用HOC模式的实现
2020/08/23 Javascript
Python生成器(Generator)详解
2015/04/13 Python
在Django框架中设置语言偏好的教程
2015/07/27 Python
Python装饰器用法示例小结
2018/02/11 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
详解python中的lambda与sorted函数
2020/09/04 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
Python基于execjs运行js过程解析
2020/11/27 Python
Spy++的使用方法及下载教程
2021/01/29 Python
会计专业导师推荐信
2014/03/08 职场文书
捐书倡议书
2014/08/29 职场文书
2014年减负工作总结
2014/12/10 职场文书
湘江北去观后感
2015/06/15 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
安全责任协议书范本
2016/03/23 职场文书