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在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
JavaScript中点击事件的写法
Jun 28 Javascript
js实现登录与注册界面
Nov 01 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
详解Vue取消eslint语法限制
Aug 04 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
js实现验证码干扰(动态)
Feb 23 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
用js重建星际争霸
2006/12/22 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
Bootstrap导航中表单简单实现代码
2017/03/06 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
python求解汉诺塔游戏
2020/07/09 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
教室布置标语
2014/06/26 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
群众路线学习笔记范文
2014/11/06 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
如何书写民事调解协议书?
2019/06/25 职场文书
Django显示可视化图表的实践
2021/05/10 Python
Mysql的Table doesn't exist问题及解决
2022/12/24 MySQL