$.noop()和$.map()函数
2015-06-08 17:05
106 查看
最近在项目中发现$.noop()函数,因以前没使用过故查询下,现整理如下:
当某些时候你需要传入函数参数,而且希望它什么也不做的时候,你可以使用该函数,也无需再新建一个空的函数。
该函数属于全局
以下jQuery示例代码用于演示
[/code]
.map() 方法对于获得或设置元素集的值特别有用。请思考下面这个带有一系列复选框的表单:
我们能够获得复选框 ID 组成的逗号分隔的列表:
[/code]
本次调用的结果是字符串:"two,four,six,eight"。
在 callback 函数内部,this 引用每次迭代的当前 DOM 元素。该函数可返回单独的数据项,或者是要被插入结果集中的数据项的数组。如果返回的是数组,数组内的元素会被插入集合中。如果函数返回 null 或 undefined,则不会插入任何元素。
jQuery.noop()函数是一个空函数,它什么也不做。
当某些时候你需要传入函数参数,而且希望它什么也不做的时候,你可以使用该函数,也无需再新建一个空的函数。
该函数属于全局
jQuery对象。
语法
jQuery 1.4 新增该静态函数。jQuery.noop( )
返回值
jQuery.noop()函数没有返回值(也可视作返回undefined)。
示例&说明
jQuery.noop()函数的源代码部分如下:
noop: function() {}
以下jQuery示例代码用于演示
jQuery.noop()函数的具体用法:
// 传入一个空函数作为参数,返回一个空数组 // 空函数的返回值为undefined,而null或undefined值会被$.map()忽略掉。 var result = $.map( [1, 2, 3], $.noop ); document.writeln( result.length ); // 0 注:$.map()
jQuery 遍历 - map() 方法
实例
构建表单中所有值的列表:$("p").append( $("input")[code].map(function(){ return $(this).val(); }).get().join(", ") );
[/code]
定义和用法
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。语法
.map(callback(index,domElement))
参数 | 描述 |
---|---|
callback(index,domElement) | 对当前集合中的每个元素调用的函数对象。 |
详细说明
由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。.map() 方法对于获得或设置元素集的值特别有用。请思考下面这个带有一系列复选框的表单:
<form method="post" action=""> <fieldset> <div> <label for="two">2</label> <input type="checkbox" value="2" id="two" name="number[]"> </div> <div> <label for="four">4</label> <input type="checkbox" value="4" id="four" name="number[]"> </div> <div> <label for="six">6</label> <input type="checkbox" value="6" id="six" name="number[]"> </div> <div> <label for="eight">8</label> <input type="checkbox" value="8" id="eight" name="number[]"> </div> </fieldset> </form>
我们能够获得复选框 ID 组成的逗号分隔的列表:
$(':checkbox')[code].map(function() { return this.id; }).get().join(',');
[/code]
本次调用的结果是字符串:"two,four,six,eight"。
在 callback 函数内部,this 引用每次迭代的当前 DOM 元素。该函数可返回单独的数据项,或者是要被插入结果集中的数据项的数组。如果返回的是数组,数组内的元素会被插入集合中。如果函数返回 null 或 undefined,则不会插入任何元素。
相关文章推荐
- salt openstack生成随机字符串
- linux程序设计——linux环境(第四章)
- linux shell 字符串操作(长度,查找,替换)详解
- WPF DragDrop事件元素跟随
- linux mail利用外部邮箱地址发邮件
- top-命令详解
- copy语法
- log4j.properties 的使用详解
- 阿里云ECS服务器配置ubuntu安装openfire服务器
- JFinal源码走读_3_ActiveRecord初始化
- linux如何安装jdk和配置TOMCAT
- Linux操作命令(一)
- 【云快讯】之四十八《IBM和Cisco最新收购,加强Openstack易用能力》
- 【云快讯】之四十八《IBM和Cisco最新收购,加强Openstack易用能力》
- linux系统的休眠与唤醒简介
- OpenGL超级宝典第5版&&GLSL法线变换
- linux下jdk安装。
- tomcat做文件服务器
- Tomcat,Weblogic,WebSphere,JBoss四种服务器简单对比
- centos rm文件删除恢复