Last modified:2013-06-13 07:46:22
***********************************************
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最好以后写成key,value带参数的形式,不容易出错。
<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>
相关推荐
**jQuery 是一个高效、简洁且功能丰富的JavaScript库,它的出现极大地简化了JavaScript的DOM操作,动画效果和事件处理。在网页开发中,jQuery被广泛应用于提高用户体验和交互性。以下是一些jQuery的经典应用实例,...
下面列举几个常见的使用场景: - **扩展jQuery的静态方法**: ```javascript $.extend({ test: function () { alert('test函数'); } }); ``` 使用方法为`$.test()`。 - **合并多个对象**: 假设有两个...
在本资源中,"Jquery几个实例源码"包含了几个基于jQuery库的简单项目实例,这些实例可以帮助初学者更好地理解jQuery的基本用法和常见功能。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画...
这个函数用于加载远程HTML文档的一部分到DOM中的某个元素。在示例中,它可以通过`$("#msg").load()`将服务器返回的响应插入到ID为"msg"的元素中,通常用于局部更新页面内容。 5. **$(selector).serializeArray()**...
在《jQuery中文参考手册》中,你将找到每个函数的详细解释、参数说明、返回值和示例代码,这对于学习和查找特定功能非常有帮助。例如,手册会介绍`chm`文件中的`jQuery1.8.3`版本,这是jQuery的一个稳定版本,包含了...
在这个函数中,需要关注以下几个参数: 1. obj:这是目标对象,即我们要对其应用动画的对象。 2. json:这是一个对象,用来定义动画属性,它的形式为{ attr: "value", attr: "value" },其中attr代表动画属性,...
综上所述,jQuery的这几个函数极大地方便了开发者处理AJAX请求。它们不仅可以帮助我们轻松地与服务器进行通信,还能处理各种响应格式,使得前端开发更加高效。然而,虽然jQuery简化了许多操作,但理解JavaScript基础...
1. **$.ajax()函数**:这是jQuery中最核心的Ajax方法,可以接受多个参数来定制请求。例如,URL、类型(GET或POST)、数据、回调函数等。基本用法如下: ```javascript $.ajax({ url: 'your-url', type: 'GET', ...
在jQuery 1.7中,有几个重要的更新和改进: 1. **$.ajax()** 更新:jQuery 1.7引入了Promise对象,使得异步操作的链式调用更加直观。$.ajax()返回一个Promise对象,可以通过.done(), .fail(), 和 .always()方法来...
本文讨论了在使用jQuery进行AJAX请求时,回调函数中的this指向可能出现的问题,并探讨了如何解决此问题。 首先,文章指出JavaScript中的this关键字具有动态性,它指向的上下文依赖于函数调用的执行环境。在全局作用...
在jQuery库中,`wrap()`函数是一个强大的工具,它允许开发者将HTML元素包裹在一个新的容器元素中。这个功能在构建动态网页和处理DOM元素时非常有用,尤其在布局调整、内容封装以及样式控制等方面。 **函数定义与...
在jQuery的API中,有几个核心概念和关键知识点是开发者必须掌握的: 1. **选择器**:jQuery的选择器基于CSS,允许开发者快速、准确地选取DOM元素。例如,`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class...
1. **封装函数**:首先,你需要将你的功能封装成一个函数,这个函数接收jQuery对象作为参数,以便于操作选中的DOM元素。 2. **扩展jQuery**:然后,使用`.fn`(即`jQuery.fn`)来扩展jQuery的原型,这样你的函数就...
这个函数对于实现精确的元素布局和动态定位非常有用,特别是在需要进行自定义定位或者交互式设计时。 函数的基本语法是`jQueryObject.position()`, 其中`jQueryObject`是jQuery选择器选取的一个或多个DOM元素。`...
2. **链式操作**: jQuery对象支持链式调用,允许你在一条语句中执行多个方法,例如`$("p").css("color", "red").hide(1000);`将所有段落颜色变为红色并延迟1秒后隐藏。 3. **事件处理**: jQuery简化了事件绑定,如`...
一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数,在 jQuery 中它们起着至关重要的作用,在实际的前端开发过程中用到最多的也是它们。 1、jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也...
具体的知识点可以分为以下几个方面: 1. jQuery的AJAX方法:在文章中,通过使用jQuery提供的$.ajax()方法来发起异步请求。这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时...
在这个压缩包中,我们重点探讨的是几个基于 jQuery 的核心插件,它们分别是:jQuery UI、jQuery Form、jQuery Validate 和 jQuery vsdoc。 1. **jQuery UI** jQuery UI 是一个扩展了 jQuery 功能的开源库,提供了...
通常,这样的插件会包含以下几个部分: 1. **键盘布局**:定义键盘的HTML结构,包括键的标签、样式和事件监听器。 2. **jQuery函数**:编写jQuery函数来处理键盘的显示、隐藏、按键响应和字符插入等操作。 3. **...
这个插件可能包括以下几个部分: - **样式设置**:`jquery.dialog_self.css`负责定义对话框的外观,包括布局、边框、阴影、按钮样式等。 - **HTML结构**:`Demo.html`中可能包含一个触发对话框显示的元素和用于构建...