移動(dòng)節(jié)點(diǎn)的jquery代碼

更新時(shí)間：2014年01月13日 15:38:12 作者：

節(jié)點(diǎn)的移動(dòng)在應(yīng)用中比較常見(jiàn)，如何動(dòng)態(tài)移動(dòng)某一節(jié)點(diǎn)來(lái)實(shí)現(xiàn)某一特殊效果，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助

復(fù)制代碼代碼如下:

 
//節(jié)點(diǎn)的移動(dòng) 

<!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)的移動(dòng) 
$(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">好的無(wú)法描述了</li> 
</ul> 
</body> 
</html> 

您可能感興趣的文章:

移動(dòng)節(jié)點(diǎn)

相關(guān)文章

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