00:00
好,我们往下面看啊,往下面看之前,我们先看这句话,好像好像好几个同学都把这句话看不太懂。首先呢,这里面有几个问题啊,第一个首先是有一个this是吧,一旦用了this,你一定要想到啊,它到底是什么对象。什么对象呢?在这个里面,在我们用一旦运算结块无非就是两种比较常见,一个是多姆元素,一个是结块对象,那到底是多么元素对象,还是结块对象,我不知道大家是不是所有都清楚啊,大家有些人也不吭声,也有没有表情,我也不知道你到底是清楚还是不清楚,所以我有时候挺迷惑的,到底要是还讲,还要不要强调,你们不说呢,我就可能不强调啊,我想写的时候,我问的时候,大家如果有不有不懂的,你就要说,你要不说我就觉得懂了,那我就不想强调了,你要说有人有人提说不懂,那你就那你就要说,那我就知道啊,这个东西大家有人不懂。
01:14
我才知道有需要去强调,因为我也不知道大家现在有些是个什么样的情况,这是一个事件回调函数,事件回调函数Z是谁?前面应该分析过这个规律,是动物元素跟你怎么样加阶梯没有关系。啊,这是动物元素,也就是发生事件的那个动物元素是它吗?不是,这个是几块对象对不对啊,但是它里面包含那个输入框,好输入框点value得到的是什么,得到的是什么,是不是输入框输入的文本,那输入文本什么类型呢?是不是字符串呢?那下面调用的这个方法是谁的方法,谁的方法?
02:07
这是解块对象的方法,这是结块对象的方法,怎么可能呢?你左边这个返回的是一个字符串的,字符串的一个数据,你怎么看突然之间就蹦出来一个几块就形包呢,只是他们的方法是同名的对吧?方法是同明的,也就是说字符串本身就有这个什么说明方法。能懂吧,那如果我不用字符串原生的方法,我应该怎么写啊,怎么写多了五。嗯。是不是它的一个工具方法呀,对不对,那我们完全可以这么写,懂不懂啊,完全可以这么写啊,所以说你去看大的时候,一定要每个都能看懂,有的同学就是差不多,哎,好像这样过去了,当然他自己写的时候,他不知道怎么下手。
03:14
好来,我们继续往下看啊,看第四个,第四个呢是另外一个功能,这个功能也并不难啊,稍微比前面要难一点点。在这我们来看看在这个。其实也是显示隐藏的功能,有没有看到,只是它显示隐藏的是不是这两个元素啊,对不对啊,OK,还有这一个是不是也在改变,这个你看它箭头看到吗?样式会发生改变,还有我们这整个元素的宽度也会发生改变,来我们可以审查一下,看一下。
04:06
看啊来看到最先是个什么状况呢?最先是这样的,是隐藏的是吧?好,我们来看啊,这个地方首先我们要知道世界是加在谁身上的,是不加他是呢?那是加的这个B还是加的这个A啊。应该加这个链接身上吧,因为刚好这个链接有一个什么,是不是ID好,接着监听用什么监听非常简单,点击监听,这没什么,下一步我们要研究什么。对哪些元素进行哪些动操作是吧,好我们来看一下啊。好了,我来看到,我们得去观察哪些部分有变化,变化的元素一共有几个,我就问一个这样的问题,看着啊。
05:03
几个四个,一个是这外部这个div的什么宽度,这也就是这两个显示图标的这个A链接看到吗。能看到还一个是那个什么那个箭头那个图标的样式,看到吗?能懂吧啊OK好啊这个来这个呢是起始的样子是吧?啊起始的样子我呢还是一样套路啊,不会改变啊。我们把这个页面打开,截个图。截一个图,那不就是这个吗。
06:01
是吧,好。啊,这一图图呢,稍微大一点,稍大点放在这里好,我们把那个把哪个图还截下来,把那个打开以后的结果也给它截一下,因为这个变化比较多,所以我们稍微要截的详细一点。来,再接一个。嗯,好了,来给他了,放在这里,嗯,把这个稍微给拉大一点点。嗯。可以稍微拉大一点点,OK,好了啊,来,首先我们要知道事件是加在谁身上的,也就是这个。这个ID呗,这是世界吧。
07:03
对不对,那加的是什么时间呢?很简单,这个是无比简单,最最常见的是吧,点击那就是肯,那下面我们要看的是对哪些元素进行改变是吧?进行改变要改变的元素有这么几个,一个是这个div。能们看到这个div是不是改变这个div,我们怎么找啊。是不是找他什么,是不是找他负元素就行,你说是找负元素找的快,还是根据ID找找的快啊,我跟你说复元素最快,复元这种关系找一定要先进,因为你哎你找你再怎么找,你也你你也要从上往下找啊,能懂吧,我们之间的关系就是我,我的父亲是谁,是瞬间就可以找到的。
08:02
能不能理解我的父亲就一个啊,不需要病历。瞬间就可以跳过去啊好,除了这个还有这两个A,对不对,还有这个什么B。好,那操作它的哪些样式或者哪些啊数据呢,首先这个要不要变,其实是155个什么像素变成什么200个像素。看到了吧,好,接着是我这个里面的这两个A标签的display long改成了我们的这个里面的什么是不是block,对不对,好,接着是我们这个B,开始是相当于是没有plus了,没有class的,现在变成了我的这一个,诶过了是不是。
09:06
带过的看到吧,嗯,那照这做呗,嗯,OK,好,来做完,首先事件家的这个谢尔木。来取个名,先给我的函数取个名。我就要谢好吧,行吗?分享了啊来把这个哎,我怎么又跑到最下面了,写到下面,我看不到上面啊。好,因为这样拷贝起来方便一点,好,下面我该怎么做呢?还是一样的,就这套路是不会变的,刚才不有个ID吗?叫叫西莫谢尔莫刚好是吧,什么C尼很厉害。
10:01
是吧,好了,那关键是啊,大家看啊,我点这个链接,点这个项目分享更多,我有可能是展开,也有可能是什么,是不是收缩呀,那到底是展开收缩呢。是不?比如说第一次我就展开,第二次就是说第三次就展开,第四就是说是这的吗?应该说它当前是什么状态,我就把它变成另外一种状态,是不是要开始最初什么状态是关闭的状态,那关闭的状态我是不是要一点就打开呀,做打开的操作,也就是说你要做一件事情,要在点击先来,一共就两个状态,是不是,要不然是关闭的,要不然就展开的是不是,那我应该怎么做,定一个布值来去标识当前的状态。
11:01
是这意思吧,啊那第什么值呢?要不然的话就is open,要不然的话就is close,能理解吧,就是否开始状态是是否是关闭了,还是否是打开的,能不懂你要写1CLOSE,那就开始的值为什么为什么处是不是,那你要开始说啊,是不是打开的,是不是打开了,那开始直接为什么force。是不是这个意思啊,比如说那老师你说了这两个,那我就不好选择了,是没有选择的,这是你选择哪个都是对的。这没问题吧,我可以说是否是打开,我也可以说是否是关闭,这没有没有太大毛病啊,对不对啊,这两个变量你都可以用啊,随便我就要1OPEN吧,是否是打开了啊,这说明啊,标识啊,当前的什么状态啊,初始为什么是为关闭啊,当然是迫使了。
12:14
对不对?好,那在我点击的时候,在我点击的时候,那我是不是要根据它的值来去做不同的操作,如果是打开,如果当前是打开的,那我要去做什么操作,那我是不是要把它变为关,变为关闭,是不是要做关闭的这个动作啊,这个时候啊叫去关闭啊,去做关闭能懂不?啊,OK,你要就写个关闭吧,这个东西你到底是个名词还是动词,这个不好做啊,这个去啊不是移除,是干什么事情去能不懂好else,我应该去干嘛去打开对不对啊,OK,好来啊,那我们操作的目标有哪些呢?超作目标好像好几个,这个东西最好是吧,先给他们查出来。
13:19
看到这里。因为我们操作来是好几个呀,我能不能先把这些需要操作的东西元素给他先查好,可不可以,可以那样的话我就可以复用了呀,因为我在前面,我在点击之前我就给他们找出来懂不懂啊,或者说或者在前面你要你要前面部讲你在这里找那也行,对不对啊OK,你说在这个内部找效率高,还是外部找效率高,整个运行效率对吧,外部为什么外部效率高?
14:00
如果我在内部找,实际上是什么?每一次点击是不是都会找?对不对,那我在外部找了,是不是指导一次能理解吧,那你要在外部找,最好是先把它给它定义了。先把它给它定义了,听懂吧,先把它定义了,那后面我是不是直接这么写对不对,那除了他啊,还有他的父亲是不是要操作是不是,那他的父亲,也就是说我要去求到他的父亲怎么求。怎么样求到我当前这一个这块电源父型非常简单,Pirate。是吧,这个好多,这个没有一点问题,关键性的问题来了啊,现在问题来了啊,我要去找他们俩。也就是说我这个A标签,我要找前面的两个A标签,这咋找,首先是不是查找兄弟,好查找兄弟嘛,那我就要看看一下,我首先肯定找到这里,看这一篇懂不懂,那找兄弟有前面的兄弟和所有兄弟,我要找什么,找所有兄弟,找前面兄弟啊,其实都可以,但是你要找前面的兄弟会更准确一点,我我那两个是不是都是全面兄弟,是前面的最后两个兄弟吗?
15:37
是这意思不,因为我我当前发生事件的最后一个兄,最后一个元素吗?是吧,啊OK,那我就去找我前面的兄弟,也不用呗,是不是用能懂吧,好来我们来找一找啊,也就是说我先看着他对吧,接着呢,去找我前面的什么所有的兄弟够了吧,不够,那这样的话是不是相当于把我这个前面所有的A点找到了。
16:16
记得了,我是不是找需要最后两个这意思吧,这怎么找啊,是不是不太好整是吧,后来我发现一件事情啊,发现一个特别有意思的事啊,什么事情呢?他他现在我们现在play是不是找到的是所有前面的兄弟,那所有前面的兄弟第一个是谁呢?也就是这个数组里面第一个元素是谁,这个非常有意思啊,能懂我意思不就是说我现在是不是找到了,大家看啊,我是找到所有的这些A吧,但第一个元素是谁了啊,这个元素也就是说是它吗?嗯,啊,我要找所有的A是吧?首先得说那个那个那个SPA给去掉是不是,是吧,SPA给去掉能不懂啊,OK,那是他们吧,你肯定是A嘛,能不能那先生。
17:24
你说这个地方也就是说下数组下标为零的是谁啊,我开始以为是他知道吧,我开以为是他,后来发现嘛,不是,他是从下往下的,因为我找前面的嘛,能不懂我他找前面的,他找前面的兄弟们,他隔着他近的,他先走,这个特别好,哎,这里我发现这个特点以后,我就觉得瞬间,诶我知道怎么做了,因为什么呀,如果它是这么早的顺序的话,我只我相当于我是不是只要找前两个呀,前两个我是不是只要说小于下边R是不是就可以。
18:06
那么懂老师你怎么知道,你打一次猪你就知道啊,是后来也发现了,以前也不知道,也一直以为啊,第一个应该是应该上面这个,因为我们一直看的是上面这个了,对吧?啊,正常情况下都应该这样,但是它不会握,大家想其实这种也也很正常,它走前面的嘛,从近往远走。那这个时候我们只需要去看,诶要小于哪个下标小于用什么呀,那过滤器啊。小于是LT还是GT啊,应该是LT是吧?那就很简单了,这个地方写个它写个LT括号几啊,小于二是不是就零和一啊,刚好是不是找到了两个A就am多了福as这里一定别忘了多了福啊,A就A,标签S就多个。
19:05
好,除了这个还有什么需要操作的,是不是还有那个多福B吧,看到谁的学这个。这个好找是吧,就是他当前的孩子是不是就可以啊,什么意思,就是我这一个点children准就得了,你都不用写什么过滤白,你写B行不行,可以,你不写行不行,他就一个孩子。可以吧,啊没问题,好,那下面我们就好过了,其实啊,你就看着这个一个一个写就行。啊,也就是说我现在要去关闭,是不是变成关闭的状态,我要关闭哪个是关闭左边是关闭的吧,这个是不是关闭的状态,那我是不是把这个父亲的宽度是为什么155,也就是什么意思啊父亲它的宽度样式吧,是吧,Y的是。
20:12
为多少?155,接着这一个要关还是开。我要变成关闭嘛,那怎么关,接着我要去,我最后的状态是没有class啊,我是不是要把那个class给他什么移除啊,它这可能已已经有嘛,现在变成没有嘛,变成没有是不是移嘱叫remove什么class。可以吧,人物克拉移属哪个克拉,它叫backward backward这个O是是O不是A啊这里。可以吧,可以,那下面的跟这个什么差不多,这一个是200,这个是树是吧,这个是不是remove。
21:13
是不是爱搞定啊,但是有一个事情,这个一直open,要不要切换,要不要那肯定要切换呐。对不对,怎么切哦。我能不能在最后一起签,咋不行,咋就不行了呢?我统一切这样可不可?那如果你写在里面,那写法就就可以不这么写了,如如果写在外面就这么写,但是啊,你必须写在写在下面啊,是吧,你必须写在下面,那如果我不这么写在里面写怎么写了,那就是is open等于什么,你本来是to嘛,那就变成什么false,那你本来是false,那就变成什么true。
22:02
你说这个区别有多大也不至于啊,但是你要知道这啊都可以,其实两个都可以,你说差别有多大也不至于啊。可以吧,嗯,可以好来吧,说了这么久啊,看一下啊,走你走你可不可以收益,这是。啊,这样我们就把它给它做出来了啊,到此为止都是做了一些显示隐藏的操作啊。很easy。好,这个呢,是我们的第四个。嗯,行,那下面呢,我还是一样去做一个提交的工作。好把这个勾选一下啊,这个呢是是什么呀,分享分享的这个部分,好来点击。com。
23:09
点击来提交成功好了,大家自己更新一下。
我来说两句