jQuery常用数据处理方法小结


Posted in Javascript onFebruary 20, 2015

本文实例总结了jQuery常用数据处理方法。分享给大家供大家参考。具体如下:

$.trim():删除字符串前后的空白字符。

var str = ' 薯条 ';
var formatStr = $.trim(str);  //'薯条'

$.param():数组或者对象序列化。

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

$.isArray():检测是否为数组。
$.isFunction():检测是否为函数类型。
$.each(obj, [callback]):遍历数组或者集合对象。obj是要遍历的集合对象,callback表示回调函数,该函数将在遍历每个成员时出发。回调函数包含两个参数,第一个参数为对象成员或数组的索引,第二个参数为对应的值。

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

说明:如果中途要退出each()循环,可以在回调函数中返回false,其他返回值将被忽略。

$.each()和$(selector).each()功能相同,但$.each()可以遍历任何对象或数组,而$(selector).each()只能遍历当前选择器选择的jQuery对象。

$.makeArray():把类数组对象转换为数组对象。所谓类数组对象,就是拥有length属性,索引从0到length-1。但是这些对象不能够调用数组方法。

var arr = $.makeArray($('li')); //类数组对象转换为数组
$('ul').html(arr.reverse()); //可以调用数组的reverse()方法了

$.grep():根据过滤函数过滤掉数组中不符合条件的元素。

$.grep(array, callback, [invert]);

说明:参数array表示要过滤的数组,callback表示过滤函数。如果过滤函数返回true,则保留元素,如果过滤函数返回false,则删除元素。参数invert,可选,如果为false或者没有设置,则返回数组中由过滤函数返回true的元素;如果该参数为true,则返回过滤函数中返回false的元素。

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a现在为[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b现在为[1,2,3]
}, true);

$.map():映射数组。
$.map(array, callback);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a现在为[2,4,6,8]
});

$.merge():合并数组。
说明:接受两个数组参数。

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c为[1,2,3,4,5];

$.unique():删除DOM元素数组中的重复项。

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $('.link'); //包含#1,#2,#3
var $firstLink = $('.link1'); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

说明:只能处理DOM元素数组,不能处理字符串或者JavaScript数组。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 Javascript
浅谈js的异步执行
Oct 18 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
vue 中directive功能的简单实现
Jan 05 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 Javascript
jQuery数据缓存用法分析
Feb 20 #Javascript
jQuery性能优化技巧分析
Feb 20 #Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 #Javascript
jQuery源码解读之addClass()方法分析
Feb 20 #Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 #Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 #Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 #Javascript
You might like
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
DedeCms模板安装/制作概述
2007/03/11 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
显示、隐藏密码
2006/07/01 Javascript
javascript 冒号 使用说明
2009/06/06 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
python修改操作系统时间的方法
2015/05/18 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
用python做游戏的细节详解
2019/06/25 Python
python实现静态web服务器
2019/09/03 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
全神贯注教学反思
2014/02/03 职场文书
学生会干部自荐信
2014/02/04 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
总经理任命书范本
2014/06/05 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
电影开国大典观后感
2015/06/04 职场文书
新学期主题班会
2015/08/17 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby