jquery移动节点实例
更新时间：2015年01月14日 14:52:40 投稿：shichen2014
这篇文章主要介绍了jquery移动节点的实现方法,主要涉及append()方法的使用技巧,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
下面小编就为大家带来一篇jquery 仿锚点跳转到页面指定位置的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
基于jQuery UI CSS Framework开发Widget的经验
jQuery UI CSS Framework是jQuery UI中的一个样式框架，可以利用jQuery Theme roller 来生成自己想要的css样式效果。我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。2010-08-08
简单过滤选择器：根据某类过滤规则进行元素的匹配，书写时都以冒号（：）开头；简单过滤选择器是过滤选择器中使用最广泛的一种，感兴趣的朋友可以参考下2013-04-04
这篇文章主要介绍了jQuery+Ajax实现限制查询间隔的方法,涉及jQuery的ajax方法参数设置及asp.net后台交互的相关技巧,需要的朋友可以参考下2016-06-06
网站设计者往往会设计一些小的工具类（widgets）或者一些可复用的程序，从而使页面更楚楚动人，更吸引浏览者驻足。这里收集了20个常用Jquery工具类，这些小的工具可以帮助网站设计人员和站长非常容易地创建漂亮的站点。2010-01-01
这篇文章介绍了Jquery无须浏览实现直接下载文件的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了小巧强大的jquery layer弹窗弹层插件的使用方法以及使用范围，非常详细，有需要的小伙伴可以参考下。2015-12-12
这篇文章主要介绍了jQuery实现鼠标划过修改样式的方法,涉及jQuery针对鼠标事件及样式操作的技巧,是jQuery鼠标事件的典型应用,非常具有实用价值,需要的朋友可以参考下2015-04-04
jquery.validation.js在前端验证中使用起来非常方便,提供的功能基本上能满足大部分验证需求，下面我们就来仔细研究下这款jQuery插件的具体使用方法。2015-04-04
这篇文章主要为大家详细介绍了jQuery实现手风琴小案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
最新评论