`
androider
  • 浏览: 744358 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

jquery之 each,extend

阅读更多
$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。

$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });

等价于:
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
       alert("Item #"+i+": "+tempArr[i]);
}


也可以处理json数据,如

$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });


结果为:
Name:name, Value:John
Name:lang, Value:JS

$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。
如:
$.extend(settings, options); 
     
//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);

//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数(合并多项并返回)
分享到:
评论

相关推荐

    jQuery each函数源码分析_.docx

    jQuery库中的`each`函数是其核心功能之一,它提供了遍历数组和对象的能力,使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中,我们将深入探讨`each`函数的源码,了解其工作原理和用法。 ### 函数简介...

    jQuery 参考手册 速查表

    jQuery 3.1 参考手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) ...jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex])

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

    jQuery.extend() 和 jQuery.fn.extend() 是jQuery库中用于扩展功能的两个重要方法。这两个方法允许开发者在不修改原有jQuery代码的情况下,向jQuery类和jQuery对象中添加自定义的方法和属性,实现功能的扩展与定制。...

    jQuery.js执行过程分析

    这些方法包括但不限于`each`、`find`等,它们构成了jQuery的基础功能。通过这种方式,所有由jQuery构造的实例都可以访问这些方法。 4. **静态方法扩展**: `jQuery.extend`是一个静态方法,用于扩展jQuery自身的...

    jQuery中extend函数详解

    jQuery库中的extend函数是一个非常强大的工具,它允许我们合并对象的属性和方法到指定的对象中。在jQuery的设计中,extend函数有两个重要的用途,分别是扩展jQuery对象本身的功能以及扩展jQuery实例的功能。 首先,...

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    在数组操作方面,jQuery.extend()和jQuery.fn.extend()函数用于合并对象,jQuery.grep()用于根据过滤函数来过滤数组元素,jQuery.inArray()用于在数组中搜索元素并返回其索引。此外,jQuery.isArray()可以判断参数...

    jQuery源码解读

    `jQuery.extend`中的方法如`each`、`find`等,提供了对集合操作的基本支持。 此外,jQuery还包括浏览器检测功能,通过`jQuery.browser`对象识别不同的浏览器类型,以便进行兼容性处理。`jQuery.macros`则包含了一些...

    jquery 插件jquery 插件jquery 插件jquery 插件

    jQuery插件通常遵循一定的结构,包括封装在自执行匿名函数中,通过$.fn.extend方法扩展jQuery对象,以及定义选项、事件和公共方法等。下面我们将深入探讨jQuery插件的相关知识点: 1. **创建基础jQuery插件** - 自...

    jQuery核心源码中文注释解读

    此外,jQuery还包含一系列内置的方法,如`init`、`each`、`find`等,它们通常在`jQuery.extend`中定义,然后被原型链上的方法调用。 ```javascript jQuery.extend({ init: function() { ... }, each: function...

    jQuery源码解读之extend()与工具方法、实例方法详解

    本文实例讲述了jQuery源码解读之extend()与工具方法、实例方法。分享给大家供大家参考,具体如下: 使用jQuery的时候会发现,jQuery中有的函数是这样使用的: $.get(); $.post(); $.getJSON(); 有些函数是这样使用...

    jQuery帮助文档

    jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class...

    跟我一起学JQuery插件开发

    此外,JQuery提供了两个主要方法用于创建和扩展功能,分别是jQuery.fn.extend()和jQuery.extend()。 - jQuery.fn.extend()用于添加方法到JQuery对象的原型上,方便我们创建对象级别的插件。 - jQuery.extend()则用于...

    JQuery 1.4.1 API Reference 速查手册.chm

    jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class | fn...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    这里的`$.fn`是jQuery的实例方法集合,即`$.prototype`,通过`$.fn.extend`我们可以向jQuery的所有实例添加新方法。 3. **使用插件**:现在,我们可以在任何jQuery选择器后面调用这个插件了。 ```javascript $('....

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jQuery.fn.extend({ highlight: function() { this.each(function(i, el) { $(el).css('background-color', 'yellow'); }); } }); $('p').highlight(); ``` 在上面的例子中,`this.each`会遍历所有选中的`&lt;p&gt;`...

    jquery插件编写指南

    - **实现**:利用 jQuery 内置的 `$.extend` 方法,一次性添加多个函数。 - **示例**:添加两个函数 `sayHello` 和 `sayBye`。 ```javascript (function($) { $.extend({ sayHello: function() { alert('...

    jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend

    `jQuery.extend` 和 `jQuery.fn.extend` 是 jQuery 框架中的两个重要函数,用于对象的扩展和合并。它们提供了一种便捷的方式来增加或修改已存在对象的属性和方法。 `jQuery.extend` 用于合并一个或多个源对象的属性...

Global site tag (gtag.js) - Google Analytics