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 相关文章推荐
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
浅谈小程序 setData学问多
Feb 20 Javascript
浅谈express.js框架中间件(middleware)
Apr 07 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 Javascript
vue多个元素的样式选择器问题
Nov 29 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
风格模板初级不完全修改教程
2006/10/09 PHP
一个php作的文本留言本的例子(六)
2006/10/09 PHP
php小偷相关截取函数备忘
2010/11/28 PHP
php木马webshell扫描器代码
2012/01/25 PHP
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
基于jQuery ztree实现表格风格的树状结构
2018/08/31 jQuery
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
浅谈Python 递归算法指归
2019/08/22 Python
Django异步任务线程池实现原理
2019/12/17 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
教育孩子心得体会
2014/01/01 职场文书
电子信息专业自荐书
2014/02/04 职场文书
运动会稿件200字
2014/02/07 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL