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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
jQuery 对Select的操作备忘记录
Jul 04 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
mui 打开新窗口的方式总结及注意事项
Aug 20 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 Javascript
解读Vue组件注册方式
May 15 Vue.js
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
php json中文编码为null的解决办法
2016/12/14 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
JS+Canvas 实现下雨下雪效果
2016/05/18 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
值得收藏的vuejs安装教程
2017/11/21 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
Python NumPy库安装使用笔记
2015/05/18 Python
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
医院总经理职责
2013/12/26 职场文书
模具数控专业自荐信
2014/01/27 职场文书
八年级语文教学反思
2014/02/11 职场文书
后备干部培训方案
2014/05/22 职场文书
2014年保管员工作总结
2014/11/18 职场文书
皇城相府导游词
2015/02/06 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL
Java线程的6种状态与生命周期
2022/05/11 Java/Android
ant design charts 获取后端接口数据展示
2022/05/25 Javascript