移动节点的jquery代码

 更新时间:2014年01月13日 15:38:12   作者:  
节点的移动在应用中比较常见,如何动态移动某一节点来实现某一特殊效果,下面有个不错的示例,希望对大家有所帮助
复制代码 代码如下:

//节点的移动

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery5</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
//节点的移动
$(function(){
$("ul li:eq(2)").insertAfter("ul li:eq(4)");

});
</script>
</head>
<body>
<p title="hello world">您认为圣思园培训好不好呢?</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特别好</li>
<li title="5">太好了</li>
<li title="6">好的无法描述了</li>
</ul>
</body>
</html>

相关文章

  • 浅析jQuery1.8的几个小变化

    浅析jQuery1.8的几个小变化

    这篇文章主要介绍了jQuery1.8中的几个小变化。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jquery text()方法取标签中的文本

    jquery text()方法取标签中的文本

    本节主要介绍了jquery使用text()方法取标签中的文本的具体实现,需要的朋友可以参考下
    2014-07-07
  • jquery实现可拖拽弹出层特效

    jquery实现可拖拽弹出层特效

    这篇文章主要介绍了jquery实现可拖拽弹出层特效,代码非常精简,效果非常棒,这里推荐给有需要的小伙伴
    2015-01-01
  • ajax与json 获取数据并在前台使用简单实例

    ajax与json 获取数据并在前台使用简单实例

    这篇文章主要介绍了ajax与json 获取数据并在前台使用简单实例的相关资料,需要的朋友可以参考下
    2017-01-01
  • jQuery插件scroll实现无缝滚动效果

    jQuery插件scroll实现无缝滚动效果

    今天给大家分享一款页面无缝滚动的jquery.scroll插件。 支持上下左右,淡入淡出,滚动时间设置,动画时间设置,鼠标经过是否停止设置,滚动鼠标液动条看下页面的切换效果。该插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。
    2015-04-04
  • Jquery AutoComplete自动完成 的使用方法实例

    Jquery AutoComplete自动完成 的使用方法实例

    jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些代码感受一下。
    2010-03-03
  • jQuery数据显示插件整合实现代码

    jQuery数据显示插件整合实现代码

    由于我们公司的产品涉及到很多的表格数据显示,而且每张表的字段数都很多,在工作过程中(几任同仁的努力),整合出一套自认为较为轻巧的方案
    2011-10-10
  • jquery学习笔记之无new构建详解

    jquery学习笔记之无new构建详解

    大部分人使用 jQuery 的时候都是使用第一种无 new 的构造方式,直接 $('') 进行构造,这也是 jQuery 十分便捷的一个地方。这篇文章主要给大家介绍了关于jquery学习笔记之无new构建的相关资料,需要的朋友们下面来一起看看吧。
    2017-12-12
  • jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    今天小编就为大家分享一篇jQuery中ajax请求后台返回json数据并渲染HTML的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 使用CamanJS在Web页面上处理图像的技巧

    使用CamanJS在Web页面上处理图像的技巧

    CamanJs库用于个人项目中进行使用的图形操作库,这个库是基于JavaScript的canvas操作库,接下来,通过本篇文章给大家详细介绍使用CamanJS在Web页面上处理图像的技巧,需要的朋友一起来学习下
    2015-08-08

最新评论