刚坐在车里就开始电闪雷鸣。听着隆隆的雷声，没有恐慌，到有几分振奋人心的舒心感、酣畅淋漓感。朝外望去，突然间，狂风夹杂着骤雨席卷而来，一泻千里。瞬间暴雨如注，打在地上，溅起朵朵浪花，在热浪的蒸腾下激起层层水雾。满大街是慌乱的人群，行人跑着、叫喊着，唧唧喳喳的赶着在房檐下躲雨。这时候伞是没有用的，挡不住狂风暴雨的袭击，无论是带了伞的，还是没带伞的，全都躲在了房檐下。
本文实例讲述了jQuery实现的简单排序功能。分享给大家供大家参考，具体如下：
这里演示的冒泡排序， 通过不断的循环找出最小的值，放到新的数组中。每次循环后都将指针指向下一个元素。直到两层循环都结束。
index.html：
<html>
<head>
<title>Sort</title>
<meta content="text/html" charset="utf-8">
<script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
var Sort={};
(function(Sort){
Sort.initData={
toSortArr:[]
};
Sort.methods=(function(){
var tmp='';
return {
init:function(){
//
},
pushData:function(arr){
for(var i in arr){
Sort.initData.toSortArr.push(arr[i]);
}
},
getData:function(){
return Sort.initData.toSortArr;
},
sortData:function(arr){
var tmpArr=new Array();
var tmpNumArr=new Array();
var tmpCharArr=new Array();
var tmpOtherArr=new Array();
for(var i in arr){
var at=arr[i].charCodeAt(0);
if( at>=48 && at<=57 ){
tmpNumArr.push(arr[i]);
}else{
if(at>=65 && at<=122 ){
tmpCharArr.push(arr[i]);
}else{
tmpOtherArr.push(arr[i]);
}
}
}
tmpNumArr=Sort.methods.getSort(tmpNumArr);
tmpCharArr=Sort.methods.getSort(tmpCharArr);
tmpOtherArr=Sort.methods.getSort(tmpOtherArr);
tmpArr=Sort.methods.restoreArr(tmpArr,tmpNumArr);
tmpArr=Sort.methods.restoreArr(tmpArr,tmpCharArr);
tmpArr=Sort.methods.restoreArr(tmpArr,tmpOtherArr);
return tmpArr;
},
getSort:function(arr){
for(var i=0;i<arr.length;i++){
for(var j=i;j<arr.length;j++){
if(arr[i]>arr[j]){
var tmp=arr[i];
arr[i]=arr[j];
arr[j]=tmp;
}
}
}
return arr;
},
restoreArr:function(tmpArr,arr){
for(var i=0;i<arr.length;i++){
tmpArr.push(arr[i]);
}
return tmpArr;
}
}
})();
})(Sort);
var tmpArr=new Array();
tmpArr.push('zfsd');
tmpArr.push('qwerewtrer');
tmpArr.push('fxdfhk');
tmpArr.push('123');
tmpArr.push('ssjdf');
tmpArr.push('kl;');
tmpArr.push('我的;');
tmpArr.push('sdg');
tmpArr.push('rt');
Sort.methods.pushData(tmpArr);
var t=Sort.methods.sortData(tmpArr);
console.log(tmpArr);
console.log(t);
});
</script>
</head>
<body>
<input id="myFormFlow" type="button" value="进入表单填写">
</body>
</html>
此排序的核心代码：
var arr=new Array();
for(var i=0;i<arr.length;i++){
for(var j=i;j<arr.length;j++){
if(arr[i]>arr[j]){
var tmp=arr[i];
arr[i]=arr[j];
arr[j]=tmp;
}
}
}
希望本文所述对大家jQuery程序设计有所帮助。
以上就是jQuery实现的简单排序功能示例【冒泡排序】。信者不疑人，人亦信之。自疑者不信人，人亦疑之。更多关于jQuery实现的简单排序功能示例【冒泡排序】请关注haodaima.com其它相关文章！