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 相关文章推荐
浏览器加载、渲染和解析过程黑箱简析
Nov 29 Javascript
JavaScript闭包详解
Feb 02 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
jQuery简单自定义图片轮播插件及用法示例
Nov 21 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
vue实现购物车案例
May 30 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 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适配器模式介绍
2012/08/14 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
PHP比你想象的好得多
2014/11/27 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
python定义类self用法实例解析
2020/01/22 Python
学python需要去培训机构吗
2020/07/01 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
大学生军训广播稿
2014/01/24 职场文书
房地产营销活动策划方案
2014/09/15 职场文书
2015年服务员工作总结
2015/04/08 职场文书
介绍信格式样本
2015/05/05 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
python神经网络Xception模型
2022/05/06 Python
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL