jquery移动点击的项目到列表最顶端的方法

   这篇文章主要介绍了jquery移动点击的项目到列表最顶端的方法,涉及jQuery针对页面元素的操作技巧,需要的朋友可以参考下

  本文实例讲述了jquery移动点击的项目到列表最顶端的方法。分享给大家供大家参考。具体实现方法如下:

  ?

1
2
3
4
5

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

  如果点击two,则two这一行会移动到列表的最上方

  ?

1
2
3

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

  希望本文所述对大家的jQuery程序设计有所帮助。

时间: 2016-06-25

jquery移动点击的项目到列表最顶端的方法的相关文章

jquery移动点击的项目到列表最顶端的方法_jquery

本文实例讲述了jquery移动点击的项目到列表最顶端的方法.分享给大家供大家参考.具体实现方法如下: <ul> <li>one</li> <li>two</li> <li>three</li> </ul> 如果点击two,则two这一行会移动到列表的最上方 $("li").click(function() { $(this).parent().prepend($(this)); }); 希望

jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】_jquery

本文实例讲述了jQuery实现点击表格单元格就可以编辑内容的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/

jquery mobile点击返回按钮,返回到列表页,列表页又刷新了。

问题描述 jquery mobile点击返回按钮,返回到列表页,列表页又刷新了. ////data-rel="back" class="ui-btn-left" data-direction="reverse"> 返回 列表页:放了一个ajax请求返回json绑定append给ul.但是点击详情页的返回按钮时候会刷新页面.在浏览器里面没问题,但是放手机里面就要刷新. $(document).on("pageshow",&

jquery实现点击展开列表同时隐藏其他列表_jquery

本文实例讲述了jquery实现点击展开列表同时隐藏其他列表.分享给大家供大家参考.具体如下: 这里使用jquery实现展开.隐藏特效,点击列表标题后该项内容展开,其它项收缩起来,也就是不显示了.个人喜好了,有的喜欢在默认状态下不显示其它选项的内容,这个就是这种情况,仅供参考吧. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

php+ajax+jquery实现点击加载更多内容_jquery

我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文我将结合jQuery和PHP给大家讲述如何实现这种应用. 基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录

基于jQuery实现点击最后一行实现行自增效果的表格_jquery

现在任何事务都追求效率和人性化,当然网页效果也是如此,如果一个可以编辑数据的表格,编辑到最后一行的时候,点击可以自动添加一行,这样算是一个比较人性化的效果,可以免去一丝劳顿之苦,下面分享一段这样的代码. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.j

jQuery实现点击按钮弹出可关闭层的浮动层插件_jquery

本文实例讲述了jQuery实现点击按钮弹出可关闭层的浮动层插件.分享给大家供大家参考.具体如下: 这是一款由漫画Jquery弹出层插件改编而来,小鸟Js弹窗插件,按ESC可以关闭窗口.默认不带样式,大家可以根据自己的项目写样式.弹出层代码很小,min版的只1.15k,因为小所以值得应用.希望有网友可以再改进,希望她变得更小. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-close-able-alert-dlg-plug-codes/ 具

jquery实现点击变换导航样式的方法_jquery

本文实例讲述了jquery实现点击变换导航样式的方法.分享给大家供大家参考.具体如下: 这里分享一个导航点击变换样式的代码,近来看到很多网站的导航都是点击后导航样式跟着变化,今天就使用jqurey简单实现这一功能,高手勿喷. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-click-cha-nav-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

jQuery实现仿腾讯视频列表分页效果的方法_jquery

本文实例讲述了jQuery实现仿腾讯视频列表分页效果的方法.分享给大家供大家参考.具体如下: 这里使用jQuery仿腾讯视频列表分页效果,无刷新分页特效,点击分页按钮,无刷新进入下一页内容列表. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q