基于jQuery中对数组进行操作的方法 - Web前端
作者:98wpeu发布时间:2026-06-17分类:网页前端技术浏览:4
JQuery中提供了两个函数 :
1.$.map(Array,callback(element,index));
对于array中的每个元素,调用callback()函数,最终返回一个新的数组,原数组不变
例如:
$(function () {
var arrint = [1, 3, 5, 79];
var b = $.map(arrInt, function (value, key, a) {//map返回来的是一个新数组
return value * 2;
});
})
2. $.each(array,fn);
主要用来遍历数组,不修改数组,对于普通数组或者“键值对数组”都可以进行遍历。
在each函数中可以直接使用this,表示当前元素的值。
例如:获取checkbox中的选中项
<scripttype="text/javascript" >
$(function () {
var arr = [];
$('input[type=Checkbox]').click(function () {
$('input[type=checbox]:checked').each(function (key, value) {
arr[key] = value.text();
});
var lengtha = $('input[type=checkbox][checked=checked]').length; $('#spMsg').text('共有' + lengtha + '被选中分别是:' + arr);
})
})
相关推荐
- jquery 文本上下无缝滚动,鼠标放上去就停止 小例子 - Web前端
- jQuery之ajax技术的详细介绍 - Web前端
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能 - Web前端
- jquery中常用的SET和GET$(”#msg”).html循环介绍 - Web前端
- 解析jQuery与其它js(Prototype)库兼容共存 - Web前端
- 用Jquery重写windows.alert方法实现思路 - Web前端
- jquery.validate.js插件使用经验记录 - Web前端
- 关于query Javascript CSS Selector engine - Web前端
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能 - Web前端
- jQuery方法简洁实现隔行换色及toggleClass的使用 - Web前端
- 网页前端技术排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


