JQuery 操作Javascript对象和数组的工具函数小结


Posted in Javascript onJanuary 22, 2010

JQuery操作非集合数组函数
$.trim(value)
这个函数很简单,从value中删除任何前导或尾随的空白字符。空白字符为任何匹配Javascript正则表达式\s的任何字符。包括空格、换页、换行、回车、tab、垂直指标符等。

$.each(container, callback)
对container的每一项进行迭代,为每一项调用回调函数callback。
container 可以是对象或数组。如果是js对象,则迭代其每个属性;如果是数组,则迭代其每个元素。
callback 回调函数。为每个迭代的调用一次。第一个参数数组元素的下标或对象属性的名称,第二个参数是对应数组元素或对象属性的值。调用的函数上下文(this)和第二个函数相同。

var obj = {a:1, b:2, c:3}; 
$.each(obj, function(name, value){ 
alert(name + ':' + value); 
});

$.extend(target, source1, source2, ..., sourcen)
用source1...n 对象的属性来扩展target对象。返回值为扩展后的对象。
var target = { a:1, b:2, c:3 }; 
var source1 = { c:4, d:5, e:6 }; 
var source2 = { e:7, f:8, g:9 }; 
$.extend(target, source1, source2); 
$.each(target, function(name, value){ 
alert(name + ':' + value); 
});

返回的值为{a:1, b:2, c:4, d:5, e:7, f:8, g:9}

$.getScript(url, callback)
动态加载js脚本。并在成功获取脚本时调用回调函数。

$.noConflict
避免$别名冲突。一旦执行$.noConflict函数,就必须使用jQuery名称调用。

JQuery处理数组函数
$.each(container, callback)
这个函数也可以迭代数组。具体说明上面有。

$.grep(array, callback, invert)
遍历已传入的数组,为各元素调用对调函数。回调函数的返回值决定是否把当前元素收集到新数组,新数组作为$.grep的返回值。callback回调函数需要返回一个bool类型的值。如果invert省略或为false,则回调函数返回TRUE的元素被收集到返回结果中。invert为true,则回调函数返回false的元素被收集到返回结果中。

$.map(array, callback)
遍历数组,为各元素调用callback函数,并把callback函数返回值收集到新数组中返回。

$.inArray(value,array)
返回已传入的值在数组中第一次出现的下标。如果该值在数组中不存在,返回-1。

Javascript 相关文章推荐
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
通过jQuery源码学习javascript(三)
Dec 27 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
JavaScript数据结构中串的表示与应用实例
Apr 12 Javascript
老生常谈js中的MVC
Jul 25 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
详解使用create-react-app快速构建React开发环境
May 16 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 #Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 #Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 #Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
You might like
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
重置版游戏视频
2020/04/09 魔兽争霸
个人站长制做网页常用的php代码
2007/03/03 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
vue.js路由跳转详解
2017/08/28 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
护士岗位职责
2014/02/16 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
商铺租赁意向书
2014/04/01 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书