`
wangjie2013
  • 浏览: 169022 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery中的几个函数

阅读更多

       

        Last modified:2013-06-13 07:46:22

        ***********************************************

JQuery API 下载:

http://julying.com/jQuery-1.6-api/#p=download

 

JQuery中的几个函数:

$.map(arry,fn):对数组arrayListProxy中每个元素调用fn函数逐个进行处理,fn函数将处理返回,最后得到一个新的数组。

var arr=[3,4,5];

var arr2 = $.map(arr,function(item){return item*2});

item代表当前项;

$.map不能处理dictionary风格的数组。

 

$.each(arry,fn):对数组中的每一个元素调用fn函数进行处理,没有返回值。

var arr ={"tom":"汤姆""jerry":"杰瑞"};

$.each(arr,function(key,value){

alert(key+"="+value);

});

注意:如果是普通风格的数组,则key值是序号。

还可以省略function的参数,这时候用this可以得到遍历的当前元素:

var arr = [2,3,5];

$.each(function(){

alert(this);

});

 

例如:

<script type="text/javascript">
var arr = [3,5,7,6];
$(function(){
  $.each(arr,function(key,value){
         $("body").append(key+"="+value+"<br/>");
	});
});
var arr2={"tom":"汤姆","jay":"间","jerry":"杰夫"};
$(function(){
  $.each(arr2,function(key,value){
	  alert(key+" is "+this);						                                  $("body").append(key+"="+value+"<br/>");
     });
});
//$.map又返回值, $.each最好以后写成key,value带参数的形式,不容易出错。
$(function(){
		$.each($.map(arr,function(item){ return item*3}),function(){
	              $("div").append(this+"<br/>");
		});
});
</script>

 

 

总结:$.map又返回值, $.each最好以后写成keyvalue带参数的形式,不容易出错。

 

 

<script type="text/javascript">
var arr = [3,5,7,6];
$(function(){
	$.each(arr,function(key,value){
		$("body").append(key+"="+value+"<br/>");
	});
});
var arr2={"tom":"汤姆","jay":"间","jerry":"杰夫"};
$(function(){
	$.each(arr2,function(key,value){
		alert(key+" is "+this);	
		$("body").append(key+"="+value+"<br/>");
	});
});

$(function(){
	$.each( $.map(arr,function(item){ return item*3}),function(){
		$("div").append(this+"<br/>");
	});
});
</script>

 

2
5
分享到:
评论

相关推荐

    详解jQuery中关于Ajax的几个常用的函数

    一: AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。...二:传统的Ajax过于繁琐,jquer封装了一些ajax常用的简单函数。  a: $.ajax()方

    jQuery 遍历函数详解

    介绍了几个在jQuery中非常有用的遍历函数,遍历函数是做么的方便。当在它们一起使用时,它们将更加强大。也就是说,一个函数的输出是另一个函数的输入,它们是链式的。下面我们就来详细探讨下吧。

    jQuery 核心函数以及jQuery对象

    一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数,在 jQuery 中它们起着至关重要的作用,在实际的前端开发过程中用到最多的也是它们。 1、jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也...

    jQuery权威指南-源代码

    与国内目前已经出版的同类书相比较,本书具有以下几个独有的特点: 基于jQuery的最新版本撰写,完美地展现了jQuery最新版本的功能和特性。 内容全面、丰富、翔实,不仅由浅入深地讲解了jQuery的所有必备基础知识...

    jQuery的animate函数学习记录

    jQuery1.4.2中就预置了两个这样的函数: easing: { linear: function( p, n, firstNum, diff ) { return firstNum + diff * p; }, swing: function( p, n, firstNum, diff ) { return ((-Math.cos(p*Math.PI)/2) + ...

    JQuery入门,JQuery总结

    在学习jQuery时,你可以从以下几个方面入手:首先,学习如何引入和使用jQuery库,你只需要在页面的head部分引入jQuery文件即可;其次,掌握jQuery的基本语法和常用方法;最后,通过实践来加深理解,例如完成一些基于...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jquery插件使用方法大全

    两个函数接受的参数除了快慢等,还可以接收整型,作为渐入或淡出的完成时间,单位为MS。 编辑本段plugin  这也是一个插件的时代。 jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的...

    【JavaScript源代码】jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能.docx

     最近在学习jQuery时接触到了show()、hide()、toggle()函数,于是利用这几个函数练习了一个使元素显示隐藏的案例: 小提示:代码中切换按钮上下的小图标可以在此链接品牌展示功能图片中获取 &lt;!DOCTYPE ...

    jquery 动态处理页面中input 非空验证,和部分格式验证信息

    '&gt;&lt;i class='fa fa-info-circle'&gt;&lt;/i&gt;几个分数不能为空&lt;/span&gt;&lt;/div&gt; * checkallStr() 校验页面中所有标识的输入框信息 使用场景 是 * msginfo(objid,objmess) 校验非空信息提示 #B0B0B0 灰色色值 * ...

    浅谈被jQuery抛弃的函数及替代函数

    主要介绍了被jQuery抛弃的几个函数及其替代函数,我们在做项目开发的时候一定要注意,分享给大家参考下。

    jQuery常用功能大全

    1、关于页面元素的引用; 2、jQuery对象与dom对象的转换; 3、如何获取jQuery集合的某一项; 4、同一函数实现set和get;...11、几个有用的jQuery方法; 12、解决自定义方法或其他类库与jQuery的冲突。

    jquery自定义函数的多种方法

    在jquery中自定义函数你会吗?今天抽时间写了几个,个人感觉还不错,喜欢的朋友可以了解下

    jQuery常用功能大全(完整版)

    1、关于页面元素的引用; 2、jQuery对象与dom对象的转换; 3、如何获取jQuery集合的某一项; 4、同一函数实现set和get;...11、几个有用的jQuery方法; 12、解决自定义方法或其他类库与jQuery的冲突。

    H5Video移动端播放器jquery插件

    初始化时的几个函数: timeupdate:function(player){// 播放时返回函数 // player:当前播放实例 } loaded:function(player){// 加载完毕后返回函数 // player:当前播放实例 } ended:function(player){// 每个视频...

    在线培训:JQuery

    在线培训主要学习以下几个知识点: 1.JQuery简介 2.JQuery语法 3.JQuery选择器 4.JQuery事件 5.JQuery Callback函数 6.JQuery常用函数

    jQuery 1.3 API 参考文档中文版 html

    + 工具里新增merge和param两个函数 * unique和trim的返回值有误 2009-01-28 16:46:25 +0800 * bind的说明里多了个I * hide,toggle的callback参数类型为FunctionFunction * show,hide,toggle的callback参数为...

    jQuery核心语法

    Jquery中的很多方法都是如此,主要包括如下几个: $("#msg").html(); //返回id为msg的元素节点的html内容。 $("#msg").html("&lt;b&gt;new content&lt;/b&gt;"); //将“&lt;b&gt;new content” 作为html串写入id为msg的元素节点内容中...

Global site tag (gtag.js) - Google Analytics