您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

移动节点的jquery代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 节点的移动在应用中比较常见,如何动态移动某一节点来实现某一特殊效果,下面有个不错的示例,希望对大家有所帮助

 代码如下: //节点的移动    <!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>