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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
jQuery动画与特效详解
Feb 01 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
vue-router 权限控制的示例代码
Sep 21 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 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和ACCESS写聊天室(六)
2006/10/09 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
初识ThinkPHP控制器
2016/04/07 PHP
laravel model 两表联查示例
2019/10/24 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
详解JavaScript中的客户端消息框架设计原理
2015/06/24 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
[01:06:19]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第二场 1月8日
2021/03/11 DOTA
python基于multiprocessing的多进程创建方法
2015/06/04 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
Python随机数函数代码实例解析
2020/02/09 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
波兰化妆品和护肤品购物网站:eKobieca
2019/08/30 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
高中教师个人总结
2015/02/10 职场文书
少年犯观后感
2015/06/11 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
商业计划书格式、范文
2019/03/21 职场文书
2019奶茶店创业计划书范本!
2019/07/15 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
Java界面编程实现界面跳转
2022/06/16 Java/Android
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript