js/jquery常用方法(replaceALl、new Map()、点击th(表头)或拖动tr只前台排序)
2016-10-08 15:38
639 查看
//js实现replaceALl
实例:
引入上面js方法后,使用js对象直接.replaceAll即可。如下图
//实例化一个Map
实例:
引入上面js方法后,直接new Map()即可。如下图
效果:
//点击表头实现前台多种情况排序,不需要走后台,直接贴代码,效果就不展示了
注: jquery.sortElements.js 下载地址:https://github.com/padolsey-archive/jquery.fn/tree/master/sortElements
//拖动同一个table内的tr实现不走后台的排序,直接贴代码,效果就不展示了
//js实现replaceALl String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { if (!RegExp.prototype.isPrototypeOf(reallyDo)) { return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith); } else { return this.replace(reallyDo, replaceWith); } }
实例:
引入上面js方法后,使用js对象直接.replaceAll即可。如下图
//实例化一个Map
/** * 描述:js实现的map方法 * @returns {Map} */ function Map(){ var struct = function(key, value) { this.key = key; this.value = value; }; // 添加map键值对 var put = function(key, value){ for (var i = 0; i < this.arr.length; i++) { if ( this.arr[i].key === key ) { this.arr[i].value = value; return; } }; this.arr[this.arr.length] = new struct(key, value); }; // 根据key获取value var get = function(key) { for (var i = 0; i < this.arr.length; i++) { if ( this.arr[i].key === key ) { return this.arr[i].value; } } return null; }; // 根据key删除 var remove = function(key) { var v; for (var i = 0; i < this.arr.length; i++) { v = this.arr.pop(); if ( v.key === key ) { continue; } this.arr.unshift(v); } }; // 获取map键值对个数 var size = function() { return this.arr.length; }; // 判断map是否为空 var isEmpty = function() { return this.arr.length <= 0; }; this.arr = new Array(); this.get = get; this.put = put; this.remove = remove; this.size = size; this.isEmpty = isEmpty; }
实例:
引入上面js方法后,直接new Map()即可。如下图
效果:
//点击表头实现前台多种情况排序,不需要走后台,直接贴代码,效果就不展示了
注: jquery.sortElements.js 下载地址:https://github.com/padolsey-archive/jquery.fn/tree/master/sortElements
//拖动同一个table内的tr实现不走后台的排序,直接贴代码,效果就不展示了
相关文章推荐
- javascript framework, JS常用函数(方法),jQuery
- js对table排序(类似点击Excel表头排序)
- 前台JS(Jquery)调用后台方法 无刷新级联菜单示例
- ajaxload.js--doCopy方法,网上常用的点击复制
- js(jQuery)获取时间的方法及常用时间类
- TListView点击表头进行排序和显示图标的方法
- 点击表头排序的几种方法
- Js、Jquery、EasyUi 前端常用的Js公共方法
- JS获取Jquery获取radio值等常用方法
- TListView点击表头进行排序和显示图标的方法
- jquery 表头排序(jquery.tablesorter.js支持中文)
- 表格的排序原生js和jQuery方法[典型]
- Jquery+asp.net后台数据传到前台js进行解析的方法
- javascript-jquery-tablesorter的问题:如果表头是多行的,点击排序好像就不正确了
- jQuery数据表格(点击表头排序,有点问题)
- js & jquery 常用方法
- js(jQuery)获取时间的方法及常用时间类
- JS常用方法总结,及jquery异步调用后台方法实例
- js(jQuery)获取时间的方法及常用时间类
- Jquery+asp.net后台数据传到前台js进行解析的方法