jQuery常用数据管理措施小结,jquery常用数据小结

作者: 计算机网络  发布:2019-09-06

正文实例计算了jQuery常用数据管理措施。共享给我们供大家参谋。具体如下:

jQuery常用数据处理措施小结,jquery常用数据小结

正文实例计算了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代表回调函数,该函数就要遍历每一个成员时出发。回调函数富含多少个参数,第三个参数为指标成员或数组的目录,第2个参数为相应的值。

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程序设计具备扶助。

本文实例总计了jQuery常用数据管理情势。共享给我们供大家参照他事他说加以考察。具体如下: $.trim():删除...

$.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 常用关键字列表集结
  • 客商注册常用javascript代码
  • jQuery中的常用事件下结论
  • JavaScript 常用函数
  • Jquery 常用方法精彩计算
  • JavaScript中常用的运算符小结
  • 常用的JQuery数字类型验证正则表明式整理
  • jquery和javascript的界别(常用方法比较)
  • jQuery操作表格(table)的常用方法、技艺汇总
  • jQuery页面加载初阶化常用的二种办法
  • jQuery动态创立html成分的常用方法汇总
  • 二十六个常用JavaScript方法集锦
  • js+jquery常用知识点集中

本文由今晚开什么码发布于计算机网络,转载请注明出处:jQuery常用数据管理措施小结,jquery常用数据小结

关键词: