关键词：
HTML
页面上是一个简单的数据表格，我们在数据行中分别放置“上移”，“下移”和“置顶”三个链接，并且分别定义三个class属性，我们来通过jQuery实现这些操作。
<table class="table">
<tr>
<td>HTML5获取地理位置定位信息</td>
<td>2015-04-25</td>
<td><a href="#" class="up">上移</a> <a href="#" class="down">下移</a> <a href="#" class="top">置顶</a></td>
</tr>
<tr>
<td>CSS+Cookie实现的固定页脚广告条置顶</a></td>
</tr>
...
</table>
jQuery
我们需要预先把jQuery库文件载入，然后分别绑定上移、下移和置顶三个操作的click事件。以“上移”为例，当点击时，获取当前点击的行内容，及tr，然后判断该行是不是第一行，如果不是第一行，那么就将该行插入到上一行的前面，实现了互换的目的。当然我们可以给行加fadeOut()和fadeIn()过渡效果，这样看起来会更生动些，否则上移的过程会一闪而过。“下移”和“置顶”操作流程都差不多，请看代码：
$(function(){
//上移
var $up = $(".up")
$up.click(function() {
var $tr = $(this).parents("tr");
if ($tr.index() != 0) {
$tr.fadeOut().fadeIn();
$tr.prev().before($tr);
}
});
//下移
var $down = $(".down");
var len = $down.length;
$down.click(function() {
var $tr = $(this).parents("tr");
if ($tr.index() != len - 1) {
$tr.fadeOut().fadeIn();
$tr.next().after($tr);
}
});
//置顶
var $top = $(".top");
$top.click(function(){
var $tr = $(this).parents("tr");
$tr.fadeOut().fadeIn();
$(".table").prepend($tr);
$tr.css("color","#f60");
});
});
转：js,jquery排序的实现,网页标签排序的实现,标签排序
js,jQuery排序的实现:重点:想要实现排序,最简单的方法就是先把标签用jQuery读进对象数组用js排序好对象数组 (针对对象数组进行排序,不要试图直接对网页的内容进行直接更改)用对象数组内容覆盖网页上的标签数组; //排序... 查看详情
js数组排序
<title>综合练习3-1</title><scriptlanguage="javascript"><!--//定义变量引用一个数组对象varoMyArray=newArray(13,55,37,33,45,9,60,21,10);//输出排序前的数组document.write("排序前："+oMyArray);//开始排序for(indexinoMy 查看详情
js三种经典排序：冒泡排序插入排序快速排序
冒泡排序：functionbubbleSort(arr){for(varr=1;r<arr.length-1;r++){for(vari=0;i<arr.length-r;i++){if(arr[i]>arr[i+1]){arr[i]+=arr[i+1];arr[i+1]=arr[i]-arr[i+1];arr[i]-=arr[i+1];}}}}bubbleSort(arr);& 查看详情
js排序算法04——归并排序
归并排序是一种分治算法。思想是把原数组切分成较小的数组，直到每个小数组只有一个位置，再将小数组归并成较大的数组，直到最后有一个完整有序的大数组。js实现如下：functionmergeSort(arr){if(arr.length==1){returnarr;//长度为1直... 查看详情
js排序
1、简易桶排序//待排序的数组vararr=[8,5,5,3,2]//排序后的数组vararr2=[]//桶容器，它的容量是由待排序数组中的最大值＋１决定的varbook=newArray(Math.max.apply(null,arr)+1);// 初始化桶(m)for(vari=0;i<book.length;i++){book[i]=0}//往桶中插入flag(n)arr.... 查看详情
js实现首字母排序
参考技术A一个按照姓名首字母排序的功能,支持数字,字母,符号,中文混合排序 查看详情
js排序之选择排序
遍历这个数组，先确定索引为0的数字为暂时最小数， 在剩下的数据中，以第一个为标杆，和剩下的数依次进行比较，如果标杆大于某数，则进行索引交换，继续比较，则a[i]=min; 最后让a[i]索引为0的数据进行交换，得到a[0]=min; 依... 查看详情
js对数组按顺序排序
console.log("------默认排序(ASCII字符排序)------");vararr=[1,2,55,12,88];arr.sort();//ASCII字符代码从小到大排序console.log(arr.toString());console.log("------自定义函数排序------");vararr1=[1,2,55,12,88];arr1.sort(function(a, 查看详情
js实现表格排序
...点闲，写个小东西，使用JS实现点击表格标题栏实现自动排序功能，嘻嘻...一、JS代码，文件名为code.js如下：(function($){ //插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ vartable=document.getElementById(tableId); vartbody 查看详情
js排序算法03——选择排序
选排序的思路是首先从要排序的数组中选择最小的和目前的第一位交换位置，然后从剩下的数中选择最小的和第二个位置的数交换位置，再从剩下的数中选择最小的和第三个位置的数交换位置，以此类推，实现代码如下：functions... 查看详情
十大排序总结（js实现稳定性内外部排序区别时间空间复杂度冒泡快速直接选择堆直接插入希尔桶基数归并计数排序）(代码片段)
目录排序相关概念稳定性 内部排序外部排序 十种排序算法特点总结交换排序冒泡排序（数组sort方法的原理）图解 js实现特点快速排序图解js实现特点选择排序直接选择排序图解 js实现特点堆排序大（小）顶堆... 查看详情
js排序算法整理
关于排序算法的问题可以在网上搜到一大堆，但是纯JS版比较零散，之前面试的时候特意整理了一遍，附带排序效率比较。//1.冒泡排序varbubbleSort=function(arr){for(vari=0,len=arr.length;i<len-1;i++){for(varj=i+1;j<len;j++){if(arr[i]>arr[j]){varte... 查看详情
js排序算法01——插入排序
插入排序的思路是我们默认数组的第一个元素是有序的，从第二个元素开始依次和前面的元素比较，如果前面的元素大，就将前面的元素往后移一位，如果前面的元素小，就把该元素放在前面元素的后面。其实就和我们玩扑克牌... 查看详情
js排序算法05——快速排序
终于到了传说中的快速排序算法了，快速排序的思想和归并排序一样，都是采用分治思想，不同之处在于归并每次将数组一分为二，最后将小的数组进行比较，合并为大数组。快排是每次找一个主元，也就是基准数，按照这个基... 查看详情
js的几种排序
转载：http://www.jb51.net/article/81520.htm一.冒泡排序?123456789101112131415161718192021222324252627282930313233343536373839functionBubbleSort(array){ varlength=array.length; for(vari=le 查看详情
js冒泡排序法——选择排序(other)——计数排序（桶排序）——快速排序——插入排序-更新(代码片段)
JavaScript排序算法JavaScript——冒泡排序法JavaScript——选择排序JavaScript——计数排序（桶排序）JavaScript——快速排序(递归二分法)JavaScript——插入排序JavaScript——冒泡排序法时间复杂度：O(nlogn)冒泡排序的英文BubbleSort... 查看详情
堆排序js实现
...实很难，于是按照意思，仿照c语言写了javascript版的三种排序方法！仅供大家一起学习和参考后续比较难的归并排序，和快速排序，以后再说，废话不说，直接边代码边讲解！*/<scripttype="text/javascript">vara=[0,9,8,7,6,5,4,3,2,1];/*希... 查看详情