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


Posted in Javascript onJune 24, 2015

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

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

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

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

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

Javascript 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
javascript数组去重小结
Mar 07 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
Vue.js 表单控件操作小结
Mar 29 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
js实现弹窗猜数字游戏
Nov 26 Javascript
jquery使整个div区域可以点击的方法
Jun 24 #Javascript
jQuery寻找n以内完全数的方法
Jun 24 #Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 #Javascript
Javascript常用小技巧汇总
Jun 24 #Javascript
js实现的倒计时按钮实例
Jun 24 #Javascript
js实现大转盘抽奖游戏实例
Jun 24 #Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 #Javascript
You might like
PHP面向对象精要总结
2014/11/07 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
关于javascript的一些知识以及循环详解
2016/09/12 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
2016/09/28 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
2018/11/23 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
Python采集腾讯新闻实例
2014/07/10 Python
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
python实现人脸识别代码
2017/11/08 Python
pandas中去除指定字符的实例
2018/05/18 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
初中科学教学反思
2014/01/21 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
干部作风建设工作总结
2014/10/29 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
人与自然的观后感
2015/06/18 职场文书
使用CSS实现音波加载效果
2023/05/07 HTML / CSS