jquery移動(dòng)點(diǎn)擊的項(xiàng)目到列表最頂端的方法

更新時(shí)間：2015年06月24日 18:01:26 作者：不吃皮蛋

這篇文章主要介紹了jquery移動(dòng)點(diǎn)擊的項(xiàng)目到列表最頂端的方法,涉及jQuery針對(duì)頁(yè)面元素的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery移動(dòng)點(diǎn)擊的項(xiàng)目到列表最頂端的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<ul>
 <li>one</li>
 <li>two</li>
 <li>three</li>
</ul>

如果點(diǎn)擊two，則two這一行會(huì)移動(dòng)到列表的最上方

$("li").click(function() {
 $(this).parent().prepend($(this));
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

一篇文章帶你入門(mén)和了解Jquery的基礎(chǔ)操作
這篇文章主要講述了一個(gè)JQuery入門(mén)基礎(chǔ)，實(shí)現(xiàn)的過(guò)程效果都很簡(jiǎn)單，特別適合初學(xué)者來(lái)學(xué)習(xí)，感興趣的小伙伴們可以參考一下
2021-11-11
jquery實(shí)現(xiàn)按Enter鍵觸發(fā)事件示例
按Enter鍵觸發(fā)事件比如提交等等，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-09-09
jquery實(shí)現(xiàn)點(diǎn)擊向下展開(kāi)菜單項(xiàng)(伸縮導(dǎo)航)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊向下展開(kāi)菜單項(xiàng)(伸縮導(dǎo)航)效果,通過(guò)jquery遍歷及匹配頁(yè)面元素并動(dòng)態(tài)修改頁(yè)面元素樣式實(shí)現(xiàn)該功能,需要的朋友可以參考下
2015-08-08
jQuery中的select操作詳解
這篇文章主要介紹了jQuery中的select操作詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
jQuery綁定事件的四種方式介紹
jQuery中提供了四種事件監(jiān)聽(tīng)方式，分別是bind、live、delegate、on，對(duì)應(yīng)的解除監(jiān)聽(tīng)的函數(shù)分別是unbind、die、undelegate、off。下面通過(guò)本文逐一給大家詳細(xì)介紹，感興趣的朋友一起看看吧
2016-10-10
jQuery中offsetParent()方法用法實(shí)例
這篇文章主要介紹了jQuery中offsetParent()方法用法,實(shí)例分析了offsetParent()方法的功能、定義及返回匹配元素所有祖先元素中第一個(gè)采用定位的祖先元素時(shí)的使用技巧,需要的朋友可以參考下
2015-01-01
封裝的jquery翻頁(yè)滾動(dòng)(示例代碼)
這篇文章主要介紹了封裝的jquery翻頁(yè)滾動(dòng)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
Ajax 數(shù)據(jù)請(qǐng)求的簡(jiǎn)單分析
Ajax使用的關(guān)鍵對(duì)象是XmlHttpRequest對(duì)象，但是涉及到跨瀏覽器的的問(wèn)題，所以，需要?jiǎng)?chuàng)建一個(gè)具兼容性的對(duì)象
2011-04-04
jquery一句話(huà)全選/取消全選
因?yàn)楹笈_(tái)要用到該功能，熟悉了下jquery的選擇器功能。便實(shí)現(xiàn)了jquery版的全選。感覺(jué)jquery確實(shí)比用javascript節(jié)省很多勞力啊..呵呵
2011-03-03
翻譯整理的jQuery使用查詢(xún)手冊(cè)
翻譯整理的jQuery使用查詢(xún)手冊(cè)...
2007-03-03