移動節(jié)點的jquery代碼
更新時間:2014年01月13日 15:38:12 作者:
節(jié)點的移動在應(yīng)用中比較常見,如何動態(tài)移動某一節(jié)點來實現(xiàn)某一特殊效果,下面有個不錯的示例,希望對大家有所幫助
復(fù)制代碼 代碼如下:
//節(jié)點的移動
<!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">
//節(jié)點的移動
$(function(){
$("ul li:eq(2)").insertAfter("ul li:eq(4)");
});
</script>
</head>
<body>
<p title="hello world">您認(rèn)為圣思園培訓(xùn)好不好呢?</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>
您可能感興趣的文章:
- Jquery對新插入的節(jié)點 綁定Click事件失效的解決方法
- JQuery插入DOM節(jié)點的方法
- jQuery DOM插入節(jié)點操作指南
- jQuery:節(jié)點(插入,復(fù)制,替換,刪除)操作
- jquery移動節(jié)點實例
- jQuery移動和復(fù)制dom節(jié)點實用DOM操作案例
- jQuery刪除節(jié)點用法示例(remove方法)
- jQuery復(fù)制節(jié)點用法示例(clone方法)
- jQuery替換節(jié)點用法示例(使用replaceWith方法)
- jQuery遍歷節(jié)點樹方法分析
- jQuery插入節(jié)點和移動節(jié)點用法示例(insertAfter、insertBefore方法)
相關(guān)文章
JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用,有需要的朋友可以參考一下2013-04-04jQuery的promise與deferred對象在異步回調(diào)中的作用
這篇文章主要介紹了jQuery的promise與deferred對象在異步回調(diào)中的作用,需要的朋友可以參考下2016-05-05jQuery Validation Plugin驗證插件手動驗證
jquery.validate是jquery旗下的一個驗證框架,借助jquery的優(yōu)勢,我們可以迅速驗證一些常見的輸入,并且可以自己擴(kuò)充自己的驗證方法,并且對國際化也有很好的支持,接下來通過本文給大家介紹jQuery Validation Plugin驗證插件手動驗證2016-01-01jQuery如何實現(xiàn)點擊頁面獲得當(dāng)前點擊元素的id或其他信息
點擊頁面獲得當(dāng)前點擊元素的id或者其他信息,使用jquery可以輕松做到這一點,下面有個不錯的示例,希望對大家有所幫助2014-01-01Validform+layer實現(xiàn)漂亮的表單驗證特效
創(chuàng)建一個JavaScript表單驗證插件,可以說是一個繁瑣的過程,涉及到初期設(shè)計、開發(fā)與測試等等環(huán)節(jié)。實際上一個優(yōu)秀的程序員不僅是技術(shù)高手,也應(yīng)該是善假于外物的。本文就給大家結(jié)合2款優(yōu)秀的插件來實現(xiàn)這個問題,有需要的小伙伴可以參考下2016-01-01