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 相关文章推荐
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
完美解决js传递参数中加号和&号自动改变的方法
Oct 11 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 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
php下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
PHP模块memcached使用指南
2014/12/08 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
2016/11/03 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
理解Koa2中的async&await的用法
2018/02/05 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
python 如何设置守护进程
2020/10/29 Python
大专生的学习自我评价
2013/12/04 职场文书
运动会口号8字
2014/06/07 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
Python 正则模块详情
2021/11/02 Python