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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
JavaScript贪吃蛇小组件实例代码
Aug 20 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
Apr 08 Javascript
jQuery中DOM常见操作实例小结
Aug 01 jQuery
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 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字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
jQuery创建DOM元素实例解析
2015/01/19 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
使用async-validator编写Form组件的方法
2018/01/10 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
Vue父子之间值传递的实例教程
2020/07/02 Javascript
python网络编程之UDP通信实例(含服务器端、客户端、UDP广播例子)
2014/04/25 Python
python实现根据月份和日期得到星座的方法
2015/03/27 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
香港交友网站:be2香港
2018/07/22 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
教师求职自荐书
2014/06/14 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
大学生助学金感谢信
2015/01/21 职场文书
单位介绍信格式
2015/01/31 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技
vue elementUI表格控制对应列
2022/04/13 Vue.js