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 相关文章推荐
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
jQuery在线选座位插件seat-charts特效代码分享
Aug 27 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
Angular5集成eventbus的示例代码
Jul 19 Javascript
Vue slot用法(小结)
Oct 22 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
JS前端可扩展的低代码UI框架Sunmao使用详解
Jul 23 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
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
用php随机生成福彩双色球号码的2种方法
2013/02/04 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
js正确获取元素样式详解
2009/08/07 Javascript
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
JS实现简单的二维矩阵乘积运算
2016/01/26 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
详解EasyUi控件中的Datagrid
2017/08/23 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
python实现的简单窗口倒计时界面实例
2015/05/05 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
详解Python中is和==的区别
2019/03/21 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
新秀丽官方旗舰店:Samsonite拉杆箱、双肩包、皮具
2018/03/05 全球购物
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
英文自荐信常用句子
2014/03/26 职场文书
合作投资意向书
2014/04/01 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
学校开除通知书
2015/04/25 职场文书
同学聚会祝酒词
2015/08/10 职场文书
导游词之长城八达岭
2019/09/24 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
go xorm框架的使用
2021/05/22 Golang