jQuery.extend({...})分析

作者:zccst

看一下是如何写的

jQuery.extend({

prop:""

method:function(){}

});

可以看出,这些方法是jQuery的静态属性和方法(也即是工具方法),将来既可以直接提供给用户使用,也可以在内部使用。

具体实现的工具属性和方法有(同时也标注了哪些在内部使用)

jQuery.extend({
       
expando  :  生成唯一JQ字符串(内部)
   
    noConflict()  :  防止冲突
 
     
isReady  :  DOM是否加载完(内部)
   
   
readyWait  :  等待多少文件的计数器(内部)
   
    holdReady()  :  推迟DOM触发
 
     
ready()  :  准备DOM触发
     
  isFunction()  :  是否为函数
   
    isArray()  :  是否为数组
 
     
isWindow()  :  是否为window
   
   
isNumeric()  :  是否为数字 
   
    type()  :  判断数据类型
 
     
isPlainObject()  :  是否为对象自变量
   
   
isEmptyObject()  :  是否为空的对象
   
    error()  :  抛出异常
   
    parseHTML()  :  解析节点
 
     
parseJSON()  :  解析JSON
     
  parseXML()  :  解析XML
   
    noop()  :  空函数
   
    globalEval()  :  全局解析JS
 
     
camelCase()  :  转驼峰
     
  nodeName()  :  是否为指定节点名(内部)
 
      each()  :  遍历集合
 
      trim()  :  去前后空格
 
     
makeArray()  :  类数组转真数组
     
  inArray()  :  数组版indexOf
 
      merge()  :  合并数组
 
      grep()  :  过滤新数组
 
      map()  :  映射新数组
 
     
guid  :  唯一标识符(内部)
     
  proxy()  :  改this指向
   
    access()  :  多功能值操作(内部)
 
      now()  :  当前时间
 
     
swap()  :  CSS交换(内部)
});

jQuery.ready.promise =
function(){};  监测DOM的异步操作(内部)

function
isArraylike(){}  类似数组的判断(内部)

时间: 2024-10-08 05:50:32

jQuery.extend({...})分析的相关文章

jQuery.extend()方法和jQuery.fn.extend()方法源码分析

这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> <html> <head> <title></title> <script src='jquery-1.7.1.js'></script> </head> <body> <img src=''/>

jQuery.extend() 源码分析

jQuery.extend() 方法 可以合并对象 深拷贝与浅拷贝 源码分析: 概述:  1. 首先定义变量 options:保存每次循环遍历的arguments[i] , name: 保存循环遍历对象的key值 src:保存目标对象target的属性 copy: 保存合并对象的属性 copyIsArray: 如果copy是数组,用copyIsArray保存 clone:如果目标对象是数组,用clone保存. target:目标对象 deep: boolean值,判断是否是深拷贝 2. 然后判断

jQuery 源码分析4: jQuery.extend

jQuery.extend是jQuery最重要的方法之一,下面看看jQuery是怎样实现扩展操作的 1 // 如果传入一个对象,这个对象的属性会被添加到jQuery对象中 2 3 // 如果传入两个或多个对象,所有对象的属性会被添加到第一个对象中 4 5 // 如果想合并两个对象,则可以这样用: $.extend({}, obj1, obj2); 6 7 // 如果第一个参数是true,则执行深拷贝(迭代合并) 8 9 10 11 jQuery.extend = jQuery.fn.extend

对jQuery.extend()方法的分析

jQuery.extend方法是我们常用的方法,也是jQuery源码中的基础方法.它的主要作用是:将一个或多个“源对象”合并到一个“目标对象”中,并返回目标对象.它主要有三种表现形式: a.jQuery.extend(destination, source1, source2, source3 ....) b.jQuery.extend( source ) c.jQuery.extend(boolean, destination, source1, source2, source3 ....)

jQuery.extend源码深层分析

在网站的开发中,经常会自己写一些jQuery插件来方便使用,其中自然少不了一个关键的方法->jQuery.extend(),使用这个方法来扩展jQuery对象. 那么今天就来讲讲这个函数的实现原理. 这个方法不仅仅可以实现插件,当然也有它本来的功能,扩展对象.like this: var person = {name:'李四'}; var person2 = $.extend(person,{age:20},{sex:'male'}); //person.name='李四'; //person.

jQuery.extend()方法和jQuery.fn.extend()方法

jQuery.extend()方法和jQuery.fn.extend()方法源码分析 这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> <html> <head> <title></title> <script src='jquery-1.7.1.js'></script> <

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按

jQuery extend方法使用及实现

一.jQuery extend方法介绍 jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样: 且看官方给出解释: jQuery.extend(): Merge the contents of two or more objects together into the first object.(把两个或者更多的对象合并到第一个当中): jQuery.fn.extend():Merge t

jquery架构分析-core

// jquery的架构分析 var jQuery = function(selector,context){     return new jQuery.fn.init(selector,context); } //  jQuery.fn = jQuery.prototype = {     // 主要写一些内部调用方法     // 类似get.pushStack等等方法 } // 最核心的方法  extend 方法 jQuery.extend = jQuery.fn.extend = fu