jquery的map()和each()方法

1. map()方法

//找到所有的标题元素，映射它们的ID,并转化为数组后排序
$(‘:header‘).map(function(){return this.id}).toArray().sort();

2. each()方法

$(‘div‘).each(function(){
    if($(this).is(‘:hidden‘)) return;//跳过隐藏的元素

    //对可见的元素操作
});

时间： 2024-11-06 06:43:51

jquery的map()和each()方法的相关文章

jquery 中 $.map 的使用方法

$.map(data,function(item,index){return XXX}) 遍历data数组中的每个元素,并按照return中的计算方式形成一个新的元素,放入返回的数组中 var b = $.map( [55,1,2], function( item,index ) { return { "label": item, "value": index }}); alert(b[0].label +" "+ b[0].value); 输

jquery map调用get()方法的困惑

$( "p" ) .append( $( "input" ).map(function() { return $( this ).val(); }) .get() .join( ", " ) ); <form> <input type="text" name="name" value="John"> <input type=&

jquery中map函数与each函数的区别

?jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的. ?其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组.而map方法会返回一个新的数组.如果在没有必要的情况下使用map,则有可能造成内存浪费. ?例如: var items = [1,2,3,4]; ? $.each(items, function() { alert('this is ' + this); }); var newItems = $.map(items, function(

jquery.min.map详见

温故而知新,翻出来阮前辈的文章记录一下日期:2013年1月23日上周,jQuery 1.9发布. 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map. 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的: //@ sourceMappingURL=jquery.min.map 这就是Source Map.它是一个独立的m

Spring-boot之jQuery File Upload后台配置方法

文件上传在Spring-boot中本身配置起来非常简单,但是有个多文件传递和单个传递的问题. 两者配置是略有不同的,而且还有一些让我这个技术小白很容易踩坑的地方. 重要的几点: 上传的是单个文件: MultipartFile file 上传的是多个文件: MultipartFile[] file 先从单个文件上传后台配置来说: public Map uploadFile(@RequestParam("file") MultipartFile file,HttpServletRequ

JavaScript1.6数组新特性和JQuery的几个工具方法

JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6.这些方法已经被写进了ECMA262 V5.现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持.jquery的工具方法中提供了类似的功能. 1.Array.forEach()和jquery的$().each().在数组中的每个项上运行一个函数.类似java5 增强的for循环. 1 2 3 4 5 6 7 8 9 var

jquery提交request body的方法

今天刚看到一个网友写的使用jquery提交request body的方法,之前真的没有用到过. $.ajax({ type: "POST", url: "/Service/ListString", contentType: "application/json", dataType: "json", data: JSON.stringify({ "BuIds": ["1", "2

jquery中html 与 text方法的区别

jquery中html 与 text方法的区别 24 May 2012/in 网站设计和开发 /by Bruce 接鉵jquery的时间并不长,以前都是用直接用js写的,现在发现在jquery这个框架用起来很方便,不但代码量少了,使用也比较简单,对于浏览器的兼容问题也不用担心,在使用的过程中也会遇到一些疑问,在html标签中附加子标签时所用的方法html()与text()的区别. 通常在用jquery写ajax时,都会用到html()这个方法,而不用text()这个方法,他们之间有什么区别呢?

JQuery的两个each方法的注意点

Jquery官网上两个each用法: http://api.jquery.com/jQuery.each/ http://api.jquery.com/each/ 使用时注意点 <!DOCTYPE html> <html> <head> <title>Untitled Page</title> <script type="text/javascript" src="jquery141.js">&