为什么我会得到这个返回值“jQuery.fn.init [input.search-city，prevObject: jQuery.fn.init(1)]” - 腾讯云开发者社区

文章/答案/技术大牛

发布

前端之jQuery

[type='password']") jQuery.fn.init [input, prevObject: jQuery.fn.init(1)]0: inputlength: 1prevObject:...[input, prevObject: jQuery.fn.init(1)] $("input:enabled") jQuery.fn.init(3) [input, input, input, prevObject...$('div').removeClass('bg_red') jQuery.fn.init(3) [div#d1.c1, div#d2, div#d3, prevObject: jQuery.fn.init...(1)] $('div#d2').addClass('bg_red') jQuery.fn.init [div#d2.bg_red, prevObject: jQuery.fn.init(1)] $('...: jQuery.fn.init(1)] $('div#d2').toggleClass('bg_green') jQuery.fn.init [div#d2.bg_red, prevObject: jQuery.fn.init

6.1K2 1

【深入浅出jQuery】源码浅析--整体架构

理解这几句很重要，分点解析一下： 1）首先要明确，使用 $('xxx') 这种实例化方式，其内部调用的是 return new jQuery.fn.init(selector, context, rootjQuery...2）将 jQuery.fn.init 的 prototype 属性设置为 jQuery.fn，那么使用 new jQuery.fn.init() 生成的对象的原型对象就是 jQuery.fn ，所以挂载到...hide(); 当选择了 ('div').eq(0) 之后使用 end() 可以回溯到上一步选中的 jQuery 对象 $('div')，其内部实现其实是依靠添加了 prevObject 这个属性： ?...// 所以也就是为什么通过 prevObject 能取到上一个合集的引用了 ret.prevObject = this; ret.context = this.context; //...[this[j]] : []); }, } 总的来说， 1）end() 方法返回 prevObject 属性，这个属性记录了上一步操作的 jQuery 对象合集； 2）而 prevObject 属性由

9804 1

您找到你想要的搜索结果了吗？

是的

没有找到

Jquery源码分析：初始化Jquery函数

1 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); } 2 //...第三行定义init这个变量等于jQuery.fn.init在赋值一个init操作的函数。...所以当第一行new jQuery.fn.init就得到其实jQuery本身，其实就等于：jQuery = new jQuery(selector, context)。...但是为什么我还要去执行init这个函数，其实我是可以不执行的，也能得到原型链，但是init函数里是把我们要操作的dom对象存入this，所以不得不执行。...jQuery是把得到原型链和存入需要操作的dom都在一个函数里完成，我则是分开完成的。

1.5K2 0

Jquery源码分析：初始化Jquery函数

1.8K3 0

面试官真的会问：new的实现以及无new实例化

() { this.name = 'jack'; this.age = 18; } function jQuery() { return new Shadow(); } var obj1...我这里拿到了jQuery v1.12.4版本的代码，大概1W行，很舒服。...我们知道，如果仅仅通过new jQuery.fn.init(selector, context)是存在一个问题的，问题就是得到的实例不是jQuery的实例，而是jQuery.fn.init的实例。...那么如何处理这个问题呢？...妙啊，这一手修改原型指向的操作，完美解决了这个问题。这样一来，new init()得到的实例自然也是jQuery的实例。

6703 0

JavaScript中的链式调用

操作符的功能类似于.链式操作符，不同之处在于在引用为空nullish即null或者undefined的情况下不会引起错误，该表达式短路返回值是undefined。...通过定义一个类并且实现实例化之后，在实例之间可以共享原型上的方法，而直接通过_jQuery类直接去调用显然是不行的，抛出的第一种异常是因为在_jQuery类上不存在静态方法，第二种异常是因为_jQuery作为函数执行后未返回值...function _jQuery(selector){ return _jQuery.fn.init(selector); } _jQuery.fn = _jQuery.prototype =...function _jQuery(selector){ return _jQuery.fn.init(selector); } _jQuery.fn = _jQuery.prototype =...时返回的this指向的是_jQuery.fn.init的实例，我们就不能进行链式调用了，jQuery用了一个非常巧妙的方法解决了这个问题，直接将_jQuery.fn.init的原型指向_jQuery.prototype

4.8K3 0

从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例

这个方法直接调用了jQuery.fn.init,这个方法也可以直接在文件里面搜到，我们发现他支持几种selector: 字符串，DOM元素和方法，如果展开他们，你会发现他们都是根据selector去把匹配的结果挂载到...，这个实例对象又作为返回值被jQuery方法返回出去了，成为了我们平时调用$('selector')所拿到的返回值。...但是这个是jQuery的实例对象才会继承的方法，我们返回的并不是new jQuery()，而是new jQuery.fn.init。为什么在这个实例里面也能拿到jQuery的原型对象呢？...看到这里是不是感觉有点绕，绕了一圈在jQuery()方法里面其实就是返回了一个jQuery实例嘛，为什么不直接返回new jQuery()呢？...$，然后serialize等方法是直接添加到了$.fn上，也就是Z.prototype上，这样我们new Z()得到的实例对象就能访问serialize方法了。

1.7K2 0

JavaScript中的链式调用

1.5K1 0

JavaScript 设计模式学习第二十八篇－链模式

1. 什么是链模式 1.1....1 resolved') resolve() }, 500) }) const promise2 = promise1.then(() => { console.log...(num => num % 2) .map(num => num * num) .reduce((pre, curr) => pre + curr, 0) // 35 那么这里为什么可以使用链模式呢...) { // jQuery 方法返回的是 jQuery.fn.init 所 new 出来的对象 return new jQuery.fn.init(selector, context,...以 show 方法为例，此时这个方法被赋到 jQuery.fn 对象上，而通过上文我们知道，jQuery.fn.init.prototype = jQuery.fn，而 jQuery.fn.init这个方法是作为构造函数被

7401 0

【深入浅出jQuery】源码浅析2--奇技淫巧

var a = 1, b = 0, c = 3; var foo = a && b && c, // 0 ,相当于 a && (b && c) bar = a || b || c; // 1...那么 jQuery 为什么要这样做呢，我觉得： 1、以数组对象的 concat 方法为例，如果不预先定义好 core_concat = core_deletedIds.concat 而是调用实例 arr...// relationHook 是个钩子函数，用于得到关系得分 var relationHook = { "xijinping": 1000, "ligang": 100,...class2type[core_toString.call(obj)] // 可以使得 typeof obj 为 "object" 类型的得到更进一步的精确判断 type: function(...理解这几句很重要，分点解析一下： 1）首先要明确，使用 $('xxx') 这种实例化方式，其内部调用的是 return new jQuery.fn.init(selector, context, rootjQuery

1.3K9 2

HTML5汽车赛道飙车游戏免费源码下载

li>222 3333 /* * jQ整体是一个自调函数， * 这个自调函数接收两个参数...* */ // 1、整体自调 (function(global, factory){ factory( global ); })...; // 3、定义工厂函数 var jQuery = function(selector) { return new jQuery.fn.init...construcotr: jQuery } // 5、定义构造函数，顺带把构造函数添加到工厂的原型中 var init = jQuery.fn.init...// 遍历每一个被copy的对象 for(; i < argLen; i++) { // 遍历得到对象的属性，copy给target

2.1K1 0

21.jQuery

引用方法：下载地址基本选择器 1.id选择器 1">111 $('#i1') jQuery.fn.init...[div#i1, context: document, selector: "#i1"] $('#i1')[0] 1">111 2.clss选择器 1">222 $('.c1') jQuery.fn.init [div.c1, prevObject: jQuery.fn.init(1), context: document, selector...获取最后个元素 filter 筛选出与指定表达式匹配的元素集合 is 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回...('#i1').attr('type') "button" $('#i1').attr('value') "开关" $('#i1').attr('id') "i1" 设置值 $('#i1').attr

3.7K9 0

jquery框架分析-构造jquery对象初步

()或jQuery()方法时的入口这个方法返回一个jQuery.fn.init( selector, context );的实例其实这个实例是一个jquery对象 jquery对象是一个什么样的对象呢...json对象中完成定义的这个json对象中第一个方法就是init方法也就是入口方法中的jQuery.fn.init( selector, context ); 此方法与一个正则表达式对象配合来构造...= quickExpr.exec( selector ); //正则表达式匹配到了内容并且 match[1]不为空或者 context为空 //match[1]不为空的时候selector是...);} //选择器为ID else { //得到元素 var elem = document.getElementById( match[3] ); //如果得到了这个元素但是元素的ID属性不是match...= match[3] ){ return jQuery().find( selector );} //把得到的页面元素封装成jquery对象 //如果elem为空，就传入一个空数组，框架怎么处理此空数组

1.8K3 0

不知道怎么封装代码？看看这几种设计模式吧！

为什么要封装代码？我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处：封装好的代码，内部变量不会污染外部。...jQuery内部帮你调用了new而已，jQuery的调用流程简化了就是这样: (function(){ var jQuery = function(selector) { return new jQuery.fn.init...一下init, init才是真正的构造函数 } jQuery.fn = jQuery.prototype; // jQuery.fn就是jQuery.prototype的简写 jQuery.fn.init...__proto__ === obj); // true console.log(newObj.x); // 1 上述代码我们将obj作为原型，然后用Object.create创建的新对象都会拥有这个对象上的属性和方法...JS中面向对象的内容较多，我这里不展开了，有一篇文章专门讲这个问题。总结很多用起来顺手的开源库都有良好的封装，封装可以将内部环境和外部环境隔1. 离，外部用起来更顺手。

1.2K2 0

九、函数与函数式编程

关于匿名函数更多的内容，我会在下一篇深入探讨柯里化的文章中进行更加详细讲解。...); 在这里，我们只需看懂闭包与模块的部分就行，至于内部的原型链是如何绕的，为什么会这样写，在讲面向对象的时候会为大家慢慢分析。...只用"表达式"，不用"语句" "表达式"（expression）是一个单纯的运算过程，总是有返回值；"语句"（statement）是执行某种操作，没有返回值。函数式编程要求，只使用表达式，不使用语句。...纯函数相同的输入总会得到相同的输出，并且不会产生副作用的函数，就是纯函数。...例如我们期望封装一个函数，能够得到传入数组的最后一项。那么可以通过下面两种方式来实现。

8272 1

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

callback.call( elem, i, elem ); } ) ); }, } 注意，该方法是返回一个通过调用原型方法pushStack来创建的一个新的元素集合，这样就能明白为什么...API文档上说，map方法是返回一个包含返回值的新的jQuery对象了吧。...至于回调函数中，是通过call方法来调用用户定义并传入的回调函数，再将这个内部回调函数处理后的结果返回出来。...[this[j]]:[]) } } 其也是用到pushStack方法，所以可知first、last和eq方法的返回值都是新的值。...jQuery实例对象进行DOM选择链条中返回未选状态么，但其实看代码实现更明确： jQuery.prototype = { end: function(){ return this.prevObject

1.3K5 0

jQuery原理（入口函数）

基本结构 jQuery的基本结构如下： (function (window, undefiend) { var jQuery = function () { return new jQuery.fn.init...jQuery; })(window); jQuery的本质是一个闭包为了避免多个框架的冲突 jQuery如何让外界访问内部定义的局部变量 windows.xx = xxx jQuery为什么要给自己传递一个...window参数为了方便后期压缩代码为了提升查找的效率 jQuery为什么要给自己传递一个undefiend参数为了方便后期压缩代码 IE9以下的浏览器undefined可以被修改，为了保证内部使用的...这样init就可以接收这个参数。...选择器 ```javascript // 2.2 判断是否是选择器 else { // 1.

6K2 0

为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘！

1. 前言大家好，我是若川。...阅读本文，你将学到： 1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4....jQuery = function( selector, context ) { // 返回new之后的对象 return new jQuery.fn.init( selector, context...这就是为什么我们可以通过this直接访问到methods里面的函数的原因。...l > 1 ?

9633 0

手摸手打造类码上掘金在线IDE（三）——沙箱环境

一个面试文章来的立竿见影这两天我就在反思，我这个系列文章，为什么要选一个这么拉胯的题目？...我都三十了，再不火可就过气了，明知道这是个流量为王的年代，为什么还要选个冷门的，我应该选vue 啊明知道，大家在这个快节奏的快餐时代，大家都想要立竿见影，注重修炼外功，他们其实想学，独孤九剑，我偏要说乾坤大挪移... b:1 } iifeObj.b=2 普通的对象模式，就能随意篡改 const iife = function () { var a = 1; var b = 2; var c =...function (selector, context) { return new jQuery.fn.init(selector, context); }; jQuery.fn =...1、你在code中执行的log 函数，还是能访问到全局内容，所以，所谓沙箱形同虚设，他也只是能隔离code代码中的一些变量 2、由于Proxy 的拦截限制，多层拦截，就凉了所以，这个所谓的沙箱模式，

1.1K2 1

前端如何优雅处理类数组对象？

，一脸得意的样子，这确实不难呀~ 过几天后，Robin 带着自己写的代码，给 Leo 展示了她的代码，并疑惑的问到： [Learn-Array-Liked-Objects-1.png] 她将这个“数组”...f() { return arguments; } f(1,2,3) // Arguments(3) 1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ...NodeList（比如 document.getElementsByClassName('a') 得到的结果；document.getElementsByTagName('img') // HTMLCollection...(4) 1, 2, 3, 4另外使用 jQuery 获取元素，会被 jQuery 做特殊处理成为 init 类型：$('img') // init(3) img, img, img, prevObject...返回值：一个新的数组实例。更多 Array.from 介绍可以查看文档。

1.8K3 0

点击加载更多

前端之jQuery

【深入浅出jQuery】源码浅析--整体架构

Jquery源码分析：初始化Jquery函数

Jquery源码分析：初始化Jquery函数

面试官真的会问：new的实现以及无new实例化

JavaScript中的链式调用

从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例

JavaScript中的链式调用

JavaScript 设计模式学习第二十八篇－链模式

【深入浅出jQuery】源码浅析2--奇技淫巧

HTML5汽车赛道飙车游戏免费源码下载

21.jQuery

jquery框架分析-构造jquery对象初步

不知道怎么封装代码？看看这几种设计模式吧！

九、函数与函数式编程

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

jQuery原理（入口函数）

为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘！

手摸手打造类码上掘金在线IDE（三）——沙箱环境

前端如何优雅处理类数组对象？

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐