`
wangjie2013
  • 浏览: 173579 次
  • 性别: 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几个经典例子

    **jQuery 是一个高效、简洁且功能丰富的JavaScript库,它的出现极大地简化了JavaScript的DOM操作,动画效果和事件处理。在网页开发中,jQuery被广泛应用于提高用户体验和交互性。以下是一些jQuery的经典应用实例,...

    jQuery:jQuery.extend函数详解

    下面列举几个常见的使用场景: - **扩展jQuery的静态方法**: ```javascript $.extend({ test: function () { alert('test函数'); } }); ``` 使用方法为`$.test()`。 - **合并多个对象**: 假设有两个...

    Jquery几个实例源码

    在本资源中,"Jquery几个实例源码"包含了几个基于jQuery库的简单项目实例,这些实例可以帮助初学者更好地理解jQuery的基本用法和常见功能。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

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

    这个函数用于加载远程HTML文档的一部分到DOM中的某个元素。在示例中,它可以通过`$("#msg").load()`将服务器返回的响应插入到ID为"msg"的元素中,通常用于局部更新页面内容。 5. **$(selector).serializeArray()**...

    jQuery中文参考手册

    在《jQuery中文参考手册》中,你将找到每个函数的详细解释、参数说明、返回值和示例代码,这对于学习和查找特定功能非常有帮助。例如,手册会介绍`chm`文件中的`jQuery1.8.3`版本,这是jQuery的一个稳定版本,包含了...

    原生js实现jquery函数animate()动画效果的简单实例

    在这个函数中,需要关注以下几个参数: 1. obj:这是目标对象,即我们要对其应用动画的对象。 2. json:这是一个对象,用来定义动画属性,它的形式为{ attr: "value", attr: "value" },其中attr代表动画属性,...

    Jquery函数

    综上所述,jQuery的这几个函数极大地方便了开发者处理AJAX请求。它们不仅可以帮助我们轻松地与服务器进行通信,还能处理各种响应格式,使得前端开发更加高效。然而,虽然jQuery简化了许多操作,但理解JavaScript基础...

    jquery,ajax的几个小例子

    1. **$.ajax()函数**:这是jQuery中最核心的Ajax方法,可以接受多个参数来定制请求。例如,URL、类型(GET或POST)、数据、回调函数等。基本用法如下: ```javascript $.ajax({ url: 'your-url', type: 'GET', ...

    jquery1.7 中文API.rar

    在jQuery 1.7中,有几个重要的更新和改进: 1. **$.ajax()** 更新:jQuery 1.7引入了Promise对象,使得异步操作的链式调用更加直观。$.ajax()返回一个Promise对象,可以通过.done(), .fail(), 和 .always()方法来...

    jQuery AJAX回调函数this指向问题

    本文讨论了在使用jQuery进行AJAX请求时,回调函数中的this指向可能出现的问题,并探讨了如何解决此问题。 首先,文章指出JavaScript中的this关键字具有动态性,它指向的上下文依赖于函数调用的执行环境。在全局作用...

    用法jQuery中的wrap()函数操作HTML元素的教程_.docx

    在jQuery库中,`wrap()`函数是一个强大的工具,它允许开发者将HTML元素包裹在一个新的容器元素中。这个功能在构建动态网页和处理DOM元素时非常有用,尤其在布局调整、内容封装以及样式控制等方面。 **函数定义与...

    jquery 中文API手册

    在jQuery的API中,有几个核心概念和关键知识点是开发者必须掌握的: 1. **选择器**:jQuery的选择器基于CSS,允许开发者快速、准确地选取DOM元素。例如,`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class...

    jQuery插件,jQuery插件

    1. **封装函数**:首先,你需要将你的功能封装成一个函数,这个函数接收jQuery对象作为参数,以便于操作选中的DOM元素。 2. **扩展jQuery**:然后,使用`.fn`(即`jQuery.fn`)来扩展jQuery的原型,这样你的函数就...

    jQuery position() 函数详解以及jQuery中position函数的应用

    这个函数对于实现精确的元素布局和动态定位非常有用,特别是在需要进行自定义定位或者交互式设计时。 函数的基本语法是`jQueryObject.position()`, 其中`jQueryObject`是jQuery选择器选取的一个或多个DOM元素。`...

    JQuery中文CHM字典

    2. **链式操作**: jQuery对象支持链式调用,允许你在一条语句中执行多个方法,例如`$("p").css("color", "red").hide(1000);`将所有段落颜色变为红色并延迟1秒后隐藏。 3. **事件处理**: jQuery简化了事件绑定,如`...

    jQuery 核心函数以及jQuery对象

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

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    具体的知识点可以分为以下几个方面: 1. jQuery的AJAX方法:在文章中,通过使用jQuery提供的$.ajax()方法来发起异步请求。这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时...

    Jquery插件,JqueryUI,JqueryForm,JqueryValidate,Jqueryvsdoc

    在这个压缩包中,我们重点探讨的是几个基于 jQuery 的核心插件,它们分别是:jQuery UI、jQuery Form、jQuery Validate 和 jQuery vsdoc。 1. **jQuery UI** jQuery UI 是一个扩展了 jQuery 功能的开源库,提供了...

    jquery虚拟键盘中文打字效果

    通常,这样的插件会包含以下几个部分: 1. **键盘布局**:定义键盘的HTML结构,包括键的标签、样式和事件监听器。 2. **jQuery函数**:编写jQuery函数来处理键盘的显示、隐藏、按键响应和字符插入等操作。 3. **...

    jQuery自定义插件开发基础1——jQuery实用函数的实现

    这个插件可能包括以下几个部分: - **样式设置**:`jquery.dialog_self.css`负责定义对话框的外观,包括布局、边框、阴影、按钮样式等。 - **HTML结构**:`Demo.html`中可能包含一个触发对话框显示的元素和用于构建...

Global site tag (gtag.js) - Google Analytics