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中的self和this用法小结
Feb 08 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
DOM节点深度克隆函数cloneNode()用法实例
Jan 12 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
用JavaScript获取页面文档内容的实现代码
Jun 10 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
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
关于手调机和数调机的选择
2021/03/02 无线电
Discuz! Passport 通行证整合
2008/03/27 PHP
五个PHP程序员工具
2008/05/26 PHP
php模板中出现空行解决方法
2011/03/08 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
php取得字符串首字母的方法
2015/03/25 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
有关json_decode乱码及NULL的问题
2015/10/13 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
JS实现放大镜效果
2020/09/21 Javascript
基于python的汉字转GBK码实现代码
2012/02/19 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
Linux Interview Questions For software testers
2013/05/17 面试题
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
跟单文员的岗位职责
2013/11/14 职场文书
青奥会口号
2014/06/12 职场文书
2014领导班子正风肃纪思想汇报
2014/09/18 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis
SQL Server中搜索特定的对象
2022/05/25 SQL Server