$.noop()和$.map()函数

时间：2022-10-14 18:03:54

　　最近在项目中发现$.noop()函数，因以前没使用过故查询下，现整理如下：

　　

　　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").map(function(){
  return $(this).val();
}).get().join(", ") );









定义和用法


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').map(function() {
  return this.id;
}).get().join(',');



本次调用的结果是字符串："two,four,six,eight"。


在 callback 函数内部，this 引用每次迭代的当前 DOM 元素。该函数可返回单独的数据项，或者是要被插入结果集中的数据项的数组。如果返回的是数组，数组内的元素会被插入集合中。如果函数返回 null 或 undefined，则不会插入任何元素。




														
		
随机推荐
	

    

  1. 
【&period;NET深呼吸】存储基于本地线程的值
			
    在特定情况,我们希望这样一个场景: N个线程同时调用同一个类实例的同一个操作方法,并且同一个变量可以面向每一个线程存储独立的值.比如,某变量X,它对于线程A的值与对于线程B的值是相互独立的.线程A设置 ...
    
			
    2. 
						
  2. 
HttpResponse的使用方法
			
    HttpResponse的使用方法: HttpRequest类是一个封闭HTTP提交信息的类型,而封闭HTTP输出信息的类型就是HttpResponse类,使用HttpResponse类可以实现三种类 ...
    
			
    3. 
						
  3. 
掌握Thinkphp3&period;2&period;0----模型初步
			
    1.为什么要学习框架?框架是什么? 简单的说就是为了简单,提高开发的效率.至于什么是框架(一种规范),现在的我还不是很理解,容后再议. 学习框架最重要的就是遵循,按照开发者的意图来使用该框架. 2.t ...
    
			
    4. 
						
  4. 
在app中打开appStore中其他app
			
    var str = "https://itunes.apple.com/cn/app/zhang-jiange-hao-tou-zi-ke/id402382976?mt=8"//这 ...
    
			
    5. 
						
  5. 
Java发展史之Java由来
			
    Java:由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台的总称.Java语言是一种可以撰写跨平台应用软件的面向对象的程序设计语言,由当时任职太阳微系统的 ...
    
			
    6. 
						
  6. 
jQuery中&dollar;&lpar;function&lpar;&rpar; &lbrace;&rcub;&rpar;&semi;问题详解
			
    $(function() {});是$(document).ready(function(){ })的简写,最早接触的时候也说$(document).ready(function(){ })这个函数是 ...
    
			
    7. 
						
  7. 
CDC 虚拟com口
			
    现在很多电脑已经不带232了,特别是手提电脑.这使很多使用手提在外调试人员非常不方便.或许你可以买一条市面上usb转232转换线,但这些线抗干扰不是太好,在一些干扰大的地方会发生连接中断的问题,所以往 ...
    
			
    8. 
						
  8. 
&lbrack;PHP&rsqb; find ascii code in string
			
    if (strpos($data ,chr(0x95)) !== false) { echo 'true'; }else{ echo "false"; }
    
			
    9. 
						
  9. 
Task的运行过程分析
			
    Task的运行过程分析 Task的运行通过Worker启动时生成的Executor实例进行, caseRegisteredExecutor(sparkProperties)=> logInfo( ...
    
			
    10. 
						
  10. 
转：AM335x启动流程（BootRom-&gt&semi;MLO-&gt&semi;Uboot）
			
    http://blog.chinaunix.net/uid-28458801-id-3486399.html 参考文件: 1,AM335x ARM Cortex-A8 Microprocessors  ...
    
			
    11. 
			
相关文章