首页
学习
活动
专区
圈层
工具
发布

jQuery源码研究:jQuery原型对象上的属性方法(上)

,jQuery对象作为构造函数,在其原型上定义了一些属性和方法,同时其原型也被指向jQuery对象的属性fn上面。...至于定义的方法,下面一个个来看。首先需要明确,这些方法都是jQuery实例对象的方法;其次对于js中call的作用要有深刻的理解,才不会看晕。...toArray方法:返回一个包含jQuery对象集合中的所有DOM元素的数组。这个方法不接收任何参数。所有匹配的DOM节点都会包含在一个标准的数组中。...通过this把老的jQuery原型对象挂载到新建的ret对象的prevObject属性上云,这可以看作是jQuery对象的一个引用吧 7 ret.prevObject = this;...这个方法其实作用就是把元素集合添加到一个新的对象中,并且这个对象还具有jQuery对象的引用,所以也就是具有jQuery对象的所有方法和属性,链式调用起来妥妥的呀。

1.7K40

jQuery源码研究:jQuery原型对象上的属性方法(下)

构造函数的实例对象,凡是jQuery对象原型上的方法,在实例对象中都可以被访问到的。...至于this.pushStack()方法中的参数,可以明显看到它是jQuery构造对象上定义了一个方法map,该方法内部具体实现尚未可知,因为还没读到那部分,但看参数传递可以大概知道,将新创建的元素集合和对新集合进行处理的回调函数传入进去了...jQuery对象集合,而res则是只有一个索引为1的li及其他属性方法组成的`jQuery`对象集合。...( 0 ); }, last: function() { return this.eq( -1 ); }, } 都是调用的jQuery原型对象上的eq()方法...,能够在同一个链条上对当前筛选状态进行回退初始状态后再继续进行其他筛选操作。

1.3K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery源码研究:jQuery对象及原型上的extend()方法

    ,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间; 后面的object1到objectN同样作为对象,包含额外的属性合并到第一个参数。...return target; } 在jQuery对象上添加extend属性,并且在jQuery.fn上面也添加同样的extend属性,还记得前面jQuery.fn = jQuery.prototype...jQuery对象的fn属性指针就指向jQuery对象的原型,并且因为对象都是引用类型的,所以上例代码的操作意思就是:在jQuery对象和它的原型对象上都添加extend方法,该方法最后返回的是一个合并处理后的对象...在jQuery对象上绑定的extend()和jQuery.fn上绑定的extend()方法其实是不同的,前者是类方法,是静态方法,调用方法写作$.extend();后者是实例方法,是成员方法,调用方法写作...jQuery.fn即原型对象上添加extend()方法的代码解释,再复习下:jQuery对象和其原型上都具有extend()方法,区别在于一个是类方法,一个是成员方法,在使用场景上请注意。

    1.4K30

    jQuery对象的使用

    一、什么是jQuery对象 jQuery对象是由选择器选择的HTML元素的集合。它是一个类似数组的对象,可以对其进行遍历和操作。通过使用jQuery选择器选择元素后,将返回一个jQuery对象。...二、创建jQuery对象 创建jQuery对象最常见的方式是使用选择器。选择器可以是CSS选择器、ID选择器、类选择器等。CSS选择器 使用CSS选择器选择HTML元素,并将其包装成jQuery对象。...类选择器 使用类选择器选择具有特定类的HTML元素,并将其包装成jQuery对象。...三、jQuery对象的方法和属性 jQuery对象提供了许多方法和属性,用于对选择的元素进行操作。方法 jQuery对象的方法可以用于修改元素的样式、内容、属性等。...四、遍历jQuery对象 jQuery对象可以通过遍历来访问其中的元素。可以使用each()方法来对jQuery对象进行遍历。

    1.4K10

    解决innerHtml 在Jquery上使用无效果的问题

    ").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒"; 或 使用Jquery的方式: $("#timeShow").html('加载本页耗时...' + loadTime + 'ms'); innerHTML在JQuery中使用的话是无效果的, JQuery提供了三种方法实现指定标签赋内容:.html(),.val(),.text()。...三种方法区别具体: .html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签), .html()方法使用在多个元素上时...对应js中的innerText text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上 .val()用来读取或修改表单元素的value值 .val()是用来读取表单元素的..."value"值,.val()只能使用在表单元素上 关于三者的区别 .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样

    1.6K10

    PHP面向对象-对象方法的调用和参数传递

    对象方法的调用要调用对象方法,需要先创建对象,然后使用对象名和方法名调用该方法。...最后,我们使用对象名和方法名调用 sayHello() 方法,并输出结果。对象方法的参数传递在 PHP 中,我们可以在对象方法中传递参数。对象方法的参数传递方式与普通函数相同。...该方法将接收两个参数 $num1 和 $num2,并返回它们的和。接下来,我们使用 new 关键字创建了一个 Calculator 对象,并将其赋值给变量 $calculator。...最后,我们调用 $calculator 对象的 add() 方法,并传递两个参数 10 和 20。最终,将 add() 方法返回的结果存储在变量 $result 中,并使用 echo 语句将其输出。...除了上述示例中演示的方法外,还有许多其他方式来传递参数和调用对象方法。例如,您可以使用默认参数值、可变数量的参数和引用参数等等。这些概念超出了本文的范围,但您可以通过查看 PHP 文档来了解更多信息。

    3K10

    Intent传递对象的两种方法

    Android为intent提供了两种传递对象参数类型的方法 分别需要使实体类实现Serializable接口、Parcelable接口 首先我们要知道,传递对象,需要先将对象序列化 一、那么为什么要对象序列化... 1、永久性保存对象,保存对象的字节序列到本地文件中;  2、用过序列化对象在网络中、进程间传递对象; 二、序列化对象什么时候实现Serializable接口,什么时候实现Parcelable接口接口...1、Parcelable不能使用将数据存储在磁盘上,因为Parcelable在外界有变化的情况下不能很好的保存数据的持续性。    ...因此在这种情况下,建议使用Serializable 2、在使用内存的时候,Parcelable比Serializable性能高,所以推荐使用Parcelable类。      ...--------------------------------------------------------------------------------------------- 下面看下两种传递对象方式的使用方法

    1.9K60

    .NET Remoting 体系结构 之 在远程方法中传递对象

    按值编组的类也称作未绑定的类,原因是它们没有依赖于应用 程序域的数据。 ●  按引用编组的类——这种类有远程标识。对象不是在网络上传递的,而是返回一个代理。...如果类的数据成员只在应用程序域中有效(如Win32 文件句柄)则应该使用这种类。 为了阐明类的编组问题,我们将把远程对象改为向客户端发送一个对象:MySerialized 类将按 值编组。...为了解决这个问题,跨.NET Remoting 边界传递对象时,定义两个自动反序列化级别:低级反序列化和完整反序列化。在默认情况下,使用低级反序列化。...在低级反序列化中,不能传递 ObjRef 对象,也不能传递实现ISponsor 接口的对象。为了传递这两类对象,可以把反序列化级别改为完整级别。...如果数据应发送给服务器、客户端或双向发送,则可以使用 COM 给参数声明方向特性 [in]、[out]和 [in, out]。在 C#中,有相似的特性:ref 和 out 方法参数。

    1.5K20

    jQuery原理(原型上的属性、方法)

    : [].splice, }; 关于三个方法(push,sort,splice)以push为例: 通过[].push找到数组的push方法 但是对象的push方法由对象调用,那么this就指向了对象(jQuery...) 所以也就相当于[].push.apply(this)将元素添加到对象身上 jQuery原型上的方法 toArray 把实例转换为数组返回 toArray: function () { return...,是jQuery类型的实例对象 first: function () { return this.eq(0); }, last:获取实例中的最后一个元素,是jQuery类型的实例对象 last:...function () { return this.eq(-1); }, each 遍历实例,把遍历到的数据传给回调使用 jQuery存在两个each方法,一个类方法,一个对象方法。...,然后把回调的返回值收集起来组成一个新的数组返回 map方法与each方法的区别 each静态方法默认的返回值就是, 遍历谁就返回谁; map静态方法默认的返回值是一个空数组 each静态方法不支持在回调函数中对遍历的数组进行处理

    1.3K20

    jQuery源码研究:为jQ对象扩展的一些工具方法(上)

    上一章,讨论的是jQuery对象及其原型上的extend()方法,在源码中,实现了支持开发者自行扩展新方法的功能,但其实jQuery也通过对extend()传入一个对象参数来添加官方扩展方法,这些工具方法都是扩展在...jQuery类对象上的,所以调用时的写法要注意。...而如果只想要遍历对象本身的属性且不想遍历出对象原型上的属性,则需要使用hasOwnProperty()方法: var obj = { a: 1, b: 2, c: 3 } function...: x */ 4、globalEval(),用于全局性的执行一段代码,其执行代码的作用域是全局作用域,这个方法还是尽量少用,毕竟作用域的使用还是规范的好。...obj进行了对象和类数组的判别,同时在遍历时,对传入的回调函数也进行了控制:callback.call( obj[i], i, obj[i] ) === false,通过call方法来将回调函数中的this

    84330

    IBinder对象在进程间传递的形式(一)

    命题 当service经常被远程调用时,我们经常常使用到aidl来定一个接口供service和client来使用,这个事实上就是使用Binder机制的IPC通信。...()方法获得service的调用接口,此时一个bind过程结束了,我们在client端就能够远程调用service的方法了。...在研究上述实现代码之前,我们先介绍一下IBinder作为參数使用IPC进程间传递时的状态变化,事实上这个就是我们本篇文章的核心内容,理解了这个机制,我们就会非常easy理解我们上述的那个命题的原理了。...方法远程调用过程中,其參数都被打包成Parcel的形式来传递的。...类型,眼下仅仅是改变其类型,在IBinder接收方会依据其类型转化为代理); 2.因为仅仅有不同进程间传递才会将IBinder发送到Binder模块,所以IBinder在多级传递的过程中,

    1.2K10

    springmvc 在方法上使用 @ModelAttribute 注解

    在方法上使用 @ModelAttribute 注解 @ModelAttribute注解不仅可以用在方法上也可以用在方法参数上。...本节讲述@ModelAttribute在方法上的使用,下一节将讲述其在方法参数上的使用。 在方法上使用 @ModelAttribute 注解的目的是添加一个或者多个model属性中。...在同一个Controller中@ModelAttribute 注解的方法将先于@RequestMapping注解的方法被调用。...请注意两种@ModelAttribute方法风格,第一种:通过返回对象添加属性。第二种:方法含有Model作为参数,通过Model来添加任何数量的属性。你可以根据需要去选择。...在这种情况下,将高根据模型属性的类型来分配默认的名称。例如,如果方法返回一个Account类型的对象,默认模型属性名是"account".

    1K20

    在对象的原型上添加方法?

    HTML5学堂:利利前段时间写了几个数组、字符串的方法,其中有一个是克隆(复制)一个数组。于是,最近一直在琢磨如何让这个复制变得更简单,可不可以把这个自定义的方法挂载在原型上呢?...本文主要内容 1 “复制”/“克隆”数组的功能需求 2 在对象的原型上添加方法是否合理?...在对象的原型上添加方法是否合理? 仔细思考之后,并查阅了一些相关资料,利利最终还是放弃了将方法添加到对象的原型上,为什么呢?...1 防止冲突 我们可以想象,如果仅仅由我们一个人开发项目时,是不会出现什么冲突问题的,但是,如果参与项目的人不止一个,那么我在对象上定义一个方法,别人是不是也可以在对象上定义一个方法呢?...但是,当方法挂载在了原型上时,我们可能就很难发现问题的所在。简言之就是:出现Bug时,不容易进行问题的定位。

    1.3K50

    jquery和原生dom对象的转换&常用函数方法

    一、jquery和原生dom对象的转换 1、新建jquery对象和长度 var $p= $('p')新建一个jquery对象,一般在新建jquery对象的时候,加上一个$,以便好认。...get方法获取指定index的DOM对象,也就是我们说的jQuery对象转DOM对象。...) ) 在jquery中有一种用法\$.each(),其中$==jQuery对象。...然而,如果我们想保留原对象,我们可以通过传递一个空对象作为目标对象: var object = $.extend({}, object1, object2); 在默认情况下,通过$.extend()合并操作不是递归的...传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数,因此,这里是进行所有其它事件绑定及运行其它 jQuery 代码的最佳地方。

    2.8K30

    【Groovy】MOP 元对象协议与元编程 ( 使用 Groovy 元编程进行函数拦截 | 使用 MetaClass 进行方法拦截 | 对象上拦截方法 | 类上拦截方法 )

    文章目录 一、使用 MetaClass 进行方法拦截 1、使用 MetaClass 在单个对象上进行方法拦截 2、使用 MetaClass 在类上进行方法拦截 二、完整代码示例 1、对象方法拦截 2...对象上获取的元类对象 , student.metaClass 拦截 MetaClass 上的方法 , 使用 元类对象名.方法名 = {闭包} 即可拦截指定的方法 , 如下拦截 Student student..., 执行的是闭包的内容 , 不再是原来的 hello 方法内容 ; 2、使用 MetaClass 在类上进行方法拦截 在 Groovy 类上获取的元类对象 , Student.metaClass 拦截...MetaClass 上的方法 , 使用 元类对象名.方法名 = {闭包} 进行拦截 , 拦截 MetaClass 类上的方法 , 如 : // 拦截 student 对象上的方法 Student.metaClass.hello...二、完整代码示例 ---- 1、对象方法拦截 创建 2 个 Student 对象 , 使用 MetaClass 在其中一个对象上拦截 hello 方法 , 执行两个对象的 hello 方法 , 只有前者的

    1K10

    Intent传递对象,强引用、软引用、弱引用的使用

    在任何时候,我们都可以调用ReferenceQueue的poll()方法来检查是否有它所关心的非强可及对象被回收。...如果队列为空,将返回一个null,否则该方法返回队列中前面的一个Reference对象。利用这个方法,我们可以检查哪个SoftReference所软引用的对象已经被回收。...,那么在垃圾回收器线程扫描的过程中,一旦发现了只具有弱引用的对象,不管当前内存空间足够与否,都会回收它的内存。...,在处理一些占用内存大而且声明周期较长的对象时候,可以尽量应用软引用和弱引用技术。...如果对于应用的性能更在意,想尽快回收一些占用内存比较大的对象,则可以使用弱引用。 还有就是可以根据对象是否经常使用来判断。如果该对象可能会经常使用的,就尽量用软引用。

    73000
    领券