怎样轻松理解jquery的细节

作者: acd8eef1b5d7 | 来源:发表于2017-04-24 16:11 被阅读142次

学习、记忆、理解,应当不拘一格,采用一切手段去轻松记忆。最近在整理相关的jquery的学习内容。遇到了这个曾经迷惑过的内容,突然想到怎么巧记,写出来方便回顾。不一定很准确,但很容易记住。

$.each();相当于事先做好了一个对象,连名字都取好了,就像早就做好了window对象一样,调用的时候不需要再实例化,直接拿来调用即可。这样的好处是不但使用起来方便,而且易和别人沟通(别人看得懂了)。那么它相当于由顶级父类事先实例化了一个对象。

而下面的相当于是它的子类(DOM树中,不就是一棵倒立的对象集合吗?一个是另外一个的子对象,以此类比)又重写了该方法。那就当然$.each()可以有一套自己的使用规则,$(选择器).each()也可以有自己的使用规则了,同时,你如果写了$(选择器).each(),它就会覆盖继承过来的$.each();内容...

$('#mydiv').each();相当于通过调用$('#mydiv')返回一个子对象,该子对象调用一个each()方法。那么它知道自己是谁在调用了。也就不需要再传递处理对象了。而上述是父类对象在调用,未来在处理谁,还不知道呢。所以需要传递处理对象。

理解2:你也可以把$.each()看成一个类在调用静态方法,就像C++里的:Animal::set_name();这种。充其量就是js里的调用静态方法的方式不是“::”而也是“.”。而$('#mydiv').each();同样是上述的理解:通过$()的调用返回一个子对象,然后子对象调用each()方法。

静态方法通常是工具,因为不知道作用谁,所以需要传递一个“作用于谁”的参数,比如:一个数组,一个对象(里面有多个属性),然后传递处理函数。后者知道了是谁在调用,也就不需要传递了。

就像举个PHP例子来模拟:

each();//打印了Animal$b=newBird();$b->each();//虽然继承了each方法,但是自己又重写了,所以打印的是自己写的each(),也就打印了Bird

所以$.each()的用法自然是这样:

所以$('#myul li').each()的用法自然是这样:

如果二者的第2个参数代表的意义不一样,也是可以理解的,因为他们是不同的each()方法,当然可以不一样了。

把简单的东西说的深奥,那是故弄玄虚。把深奥的东西简单化,那才叫本事,才是一个讲师、过来人、前辈该干的事情。

提倡用一切手段去轻松理解,而且要融入你自己的故事和人生经历中,同时还要改的越来越好,越来越轻松记忆,这是一个无止境的事情,是值得深思的。

相关文章

  • 怎样轻松理解jquery的细节

    学习、记忆、理解,应当不拘一格,采用一切手段去轻松记忆。最近在整理相关的jquery的学习内容。遇到了这个曾经迷惑...

  • jQuery

    jQuery 如何获取元素 jQuery 的链式操作是怎样的 jQuery 如何创建元素 jQuery 如何移动元...

  • 前端基础搬运工-jQuery模块

    五、jQuery模块 基础部分 1. 谈谈你对jQuery的理解? - [ ] JQuery 是继 protot...

  • 20170408剽悍一只猫晨读总结

    “细节决定成败”一直以来知道细节都很重要。但是今天的晨读还是让自己有点震撼。今天从三个方面来理解了细节如何轻松影响...

  • 怎样理解细节的重要作用

    作为物业服务人员,“怎样理解大处着眼,小处着手,魔鬼就躲藏在细节当中”。观念认同的问题,在于企业能否从长远规划员工...

  • 实现一个自制jQuery框架

    实现一个自制jQuery框架 理解jquery jquery常用方法如下 那么要要实现jquery从什么入手呢? ...

  • MySql--Explain 详解(上)

    具体细节 请去掘金购买《MySQL 是怎样运行的:从根儿上理解 MySQL》 EXPLAIN EXPLAIN语句输...

  • MySql--optimizer trace 表的神奇功效

    具体细节 请去掘金购买《MySQL 是怎样运行的:从根儿上理解 MySQL》 optimizer_trace变量 ...

  • jQuery的理解

    一、jquery的优势 1.jquery源码封装在一个匿名函数的自执行环境中,有助于防止变量的全局污染; 2.jq...

  • MySql--InnoDB 的 Buffer Pool

    具体细节 请去掘金购买《MySQL 是怎样运行的:从根儿上理解 MySQL》 InnoDB 的 Buffer Po...

网友评论

    本文标题:怎样轻松理解jquery的细节

    本文链接:https://www.haomeiwen.com/subject/rjspzttx.html