移動節(jié)點(diǎn)的jquery代碼
更新時間：2014年01月13日 15:38:12 作者：
節(jié)點(diǎn)的移動在應(yīng)用中比較常見，如何動態(tài)移動某一節(jié)點(diǎn)來實(shí)現(xiàn)某一特殊效果，下面有個不錯的示例，希望對大家有所幫助
復(fù)制代碼 代碼如下:
//節(jié)點(diǎn)的移動
<!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é)點(diǎn)的移動
$(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é)點(diǎn) 綁定Click事件失效的解決方法
- JQuery插入DOM節(jié)點(diǎn)的方法
- jQuery DOM插入節(jié)點(diǎn)操作指南
- jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
- jquery移動節(jié)點(diǎn)實(shí)例
- jQuery移動和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
- jQuery刪除節(jié)點(diǎn)用法示例(remove方法)
- jQuery復(fù)制節(jié)點(diǎn)用法示例(clone方法)
- jQuery替換節(jié)點(diǎn)用法示例(使用replaceWith方法)
- jQuery遍歷節(jié)點(diǎn)樹方法分析
- jQuery插入節(jié)點(diǎn)和移動節(jié)點(diǎn)用法示例(insertAfter、insertBefore方法)
相關(guān)文章
這篇文章主要介紹了jQuery1.8中的幾個小變化。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本節(jié)主要介紹了jquery使用text()方法取標(biāo)簽中的文本的具體實(shí)現(xiàn),需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jquery實(shí)現(xiàn)可拖拽彈出層特效,代碼非常精簡，效果非常棒，這里推薦給有需要的小伙伴2015-01-01
ajax與json 獲取數(shù)據(jù)并在前臺使用簡單實(shí)例
這篇文章主要介紹了ajax與json 獲取數(shù)據(jù)并在前臺使用簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
jQuery插件scroll實(shí)現(xiàn)無縫滾動效果
今天給大家分享一款頁面無縫滾動的jquery.scroll插件。 支持上下左右，淡入淡出，滾動時間設(shè)置，動畫時間設(shè)置，鼠標(biāo)經(jīng)過是否停止設(shè)置，滾動鼠標(biāo)液動條看下頁面的切換效果。該插件適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。2015-04-04
Jquery AutoComplete自動完成 的使用方法實(shí)例
jQuery的Autocomplete（自動完成、自動填充）插件有不少，但比較下來我感覺，還是bassistance.de的JQuery Autocomplete plugin比較強(qiáng)大，我們就來寫一些代碼感受一下。2010-03-03
jQuery數(shù)據(jù)顯示插件整合實(shí)現(xiàn)代碼
由于我們公司的產(chǎn)品涉及到很多的表格數(shù)據(jù)顯示，而且每張表的字段數(shù)都很多，在工作過程中(幾任同仁的努力)，整合出一套自認(rèn)為較為輕巧的方案2011-10-10
jquery學(xué)習(xí)筆記之無new構(gòu)建詳解
大部分人使用 jQuery 的時候都是使用第一種無 new 的構(gòu)造方式，直接 $('') 進(jìn)行構(gòu)造，這也是 jQuery 十分便捷的一個地方。這篇文章主要給大家介紹了關(guān)于jquery學(xué)習(xí)筆記之無new構(gòu)建的相關(guān)資料，需要的朋友們下面來一起看看吧。2017-12-12
jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
CamanJs庫用于個人項目中進(jìn)行使用的圖形操作庫，這個庫是基于JavaScript的canvas操作庫，接下來，通過本篇文章給大家詳細(xì)介紹使用CamanJS在Web頁面上處理圖像的技巧，需要的朋友一起來學(xué)習(xí)下2015-08-08