00:00
嗯,下面我们讲的是这一片,把这一篇讲完我们就不讲了,把这这个属性相关的啊,其实这个操作挺操作挺多的,但都很简单啊,方法名也很看起来很舒服。这里面呢,有一些需求啊,看见很多是吧,很多一个一个都非常简单的东西,你就你就跟着一个一个做就行,我们把这个讲完啊,剩下的时间就大家自己。走,你。好,我们先来看第一个。啊,现在他要去读取第一个div的。开头属性值啊,我我先不看那个上面的东西了,我们就根据这个翻译啊,输出第一个div,怎么说div冒号first,它的title属性值,我们看一下这个地方应该用哪一个。
01:03
哪个?这里面有一个什么,是不是at tr传什么,是不是传内就能得到它的value扭。退吧,来点什么A啊,船抬头应该是什么?我们现在就要看一下第一个div,它的title属性值应该什么?Y,如果它是Y,那就是对的啊,这个是我们就做对了,你来看一下。对的吧,啊,是来下一个,没什么好说的。呃,下面一个给所有的div设置什么内部属性,而它的值呢,为A的硅谷。现在大家看一下啊,并不是所有都有类目属性值,对不对,很多都没有,我们来设计一下。
02:01
那怎么写?找到所有的什么div,给他们设置内部属性值,设置属性传两个参数,第一个name,第二个硅谷字符串。是吧,好了,这个不会有什么效果,这个页面不会有什么效果,我们主要是要看一下内存里面的这些标签是不是都有了,类目属性有没有。有。可以吧,可以啊,没问题好啊,OK,把这些东西都先住了啊。打印太多了,不太好,下面哎,下面我们来看一下啊,我们来看一下呃,移除所有div的什么呢。啊,所有div的抬头属性,有些div是不是有抬头属性呢?是吧,那一组怎么一看一下,先找到所有的什么div移除属性,看一下什么方法。
03:08
用哪个at?这个门也是够够够简的,Remove AR传什么?I'。是吧,啊,没有问题,好,我们来看看,刷一下打开看看他们太的水还在不在。是不是都不在了,没有问题啊,这是这一个。下面一个来啊,给所有的div设置。Class属性啊,那也就是说无论他可能以前有以前有的话是不是覆盖呀。那这个时候应该怎么做呢?多了福div还是要。
04:02
设置class属性,反正是设置属性呗,管它什么属性呢。来一个啊硅谷class可以吧,你看啊,本来它有些是不是有的。这个还能再吗?能不能在不能再看着啊,刷一下就知道了,怎么说啊。是不是都变成硅谷克拉斯啊,以前的都不在了。OK,就这。往下看啊,把这个先做了。把现在这个再一刷,你看是不是又回来了,他是不是有一些box是吧,Class box好了,现在他做一个事情,它是给所有的div什么添加class,这就麻烦了,我还能用这个吗。能不能不能呢,我用这个不就覆盖了吗?它要添加那就看新的了。
05:06
用哪个哪个。不这个吗?爱的plus是不是添加plus?啊,添加class来最后一个吧。找到所有div,接着调用它的什么法的class传什么知道。有人说传这个传这个是吗?你觉得是吗?怎么可能呢?都已经超出pass了。是不是它的音高是你窗口class,诶点括号ABC。是吧,啊,现在已经说是添加class了,你就把class值给它删去就行啊,那这个时候就会有多个class。
06:00
有没有?是有啊,以前他还在。以前没有的是不还没有,就多了一个是不是对没问题。啊,就是这。呃,往下看啊,下面是什么?移除所有div的。第啥哦,明白了,其实移除某一个class值吧,那那我得先把这个。我得先把那个硅谷class给他什么放开。让他先产生。是不是现在有人有硅谷class了,有吧,有啊,大家看到有硅class,好,我这个地方将硅谷就是我看一下看下看啊。移除所有div的硅谷,呃,这个地方那我移一下试试。
07:00
Div,干嘛一什么一?Remove,什么class传什么硅谷class是跟他添加诗歌相反的操作就能懂吗?它是个相反的操作啊,就是比较简单,说实话你一看就知道,他们也肯定没了。只剩下一个空的属性,有用吗?有没有用啊,没用啊,你没属性值,那没有方值,那肯定不可能起效果了吧,啊这个要能懂啊。行,嗯,这是这个这种比较简单啊,下面得到最后一个ii标签的体的文本,这咱都做过类似的事情,最后一个ii表现,那打个ii,接着什么冒号last的,接着我要得的,诶怎么写,我就写个他干嘛呀,你得先写个这个呀。是吧,得它的文本标体,怎么说得到他的文本啊,得到标签体文本,那就是我们的什么HTML。
08:10
啊,这里面说一个事啊,你看它有两个方法,一个叫HT,一个叫text。其实这个方法我基本上不用。啊,这个方法对应谁呢?对应我们以以前的叫inner text,但是这个inner text的兼容度不太高啊,比较新的IE版本才有,所以基本上不太用啊,用的特别少,所以我基本上啊就是一个选择,也别想太多,就用这一个就能搞定。这是不是取数据啊是吧,OK,来取数据的话,应该取到的什么,我们看一下最后一个ii应该取到的是这个。对不对。不是B吗?是BB吗?不是,是整个。
09:00
来看一下是不是。一刷你就懂了。对不对,对的吧,啊对的没问题。好,我们那继续往下看呗,继续往下看啊,下面一个啊,不是读了是什么呢?设置,那也就是说我找到第一个ii,给它设置标签体文本这么写的呗,设置什么内容呢。这个内容。对吧,好,我们来看一下,看看这个结构啊,摔一把就能明白了,对不对,这明显看着看得出来了。是吧,是的,嗯,没有问题啊。好,下面我们来看一下啊,得到输入框的value,得到输入框,我有输入框吗?
10:04
有个什么?得到输入框的value应该是这一个输入框吧,我们就别得别的好吧,就得这一个输入框,那我怎么得到这一个输入框的文本呢?那我是不是找到input够吗?不够input会找到他们是吧,我要找什么太太够了吧。够了,就一个X,所以我该怎么写呢?多了伯括号,就是写什么冒号出这个。这这个还好啊,主要是主要是什么,以前我们在北京的时候,刚好我们那下面,我们那个下面有开了一个店啊,叫秀梅烤肉,我有点受不了,我都没吃过好啦。
11:02
得到输入框中的值,这个是得到输入框了吧,怎么样得到的值呢?是顶Y轴吗?是不是?是啊,肯定不是啊,你这点value是一个多物元素的属性,对吧,它不有一个刚才实际上咱用过吧,点VL对不对,是不是这个啊,Value扭的简写。那也就是说啊,点V我是不是可以应该给给他什么,是不是打印输出一下这个值应该是多少呢。是不是这个是否是啊,哎,好,我们来看一下打印输出对不对,请说老师我现在输四个A,我一刷我想输四个,信不信我我就想得到四个一咋办呢。
12:01
你你咱咱现在写的代码能得这个,这个代码能得到那个吗?能得还是不能得。能不能呢?就我这么写的,能不能得到四个不能,什么原因得不到啊,我执行的太早了。能理解吧,在我输入之前,他是不是找执行过了,那我要想去做这怎么办。你得输入以后,你点击某一个按钮,是不是再去读啊。能懂不要能懂啊好,那现在的值呢,是一个硅谷class啊,就这样一个值。下面呢,我要做另外一个事情,我不是读啦,我是去写,我设置为硅谷或者硅谷,我设置为class怎么做?冒号text点什么吧,传什么这个,这是不是设置啊,记住了这是设置,这和上面这个是什么读取,呃,这个读取和设置是不是用的同一个方法。
13:13
你一定要记住我们刚才说的这个概念叫什么读写合一。OK,好,那也就是说我一刷会有什么效果。这个内容变成什么?阿尔塔硅谷?对不对,对的吧,OK,好,这是这一个。好,还有几个,我们来看下面,点击全选按钮,终于有点击了,实现全选。我这个地方不有两个按钮吗?两个check box是吧,两个check box。对吧,我要点击它全选,点击下面这个全部选。
14:05
那怎么先找这个吧,那我怎么找的,我怎么找到他呢。But。行,First第一个吧。是吧,点什么括号方写在这个里面干嘛去。是不是操作这个里面所有的check box,那我其实在外面就可以得到所有check box,可不可以可以来多朗福check box。啊,等于怎么找到他们呢?我有两个都叫checkboss,怎么找到?嗯,你就告诉我怎么找到呗,你告诉我就行了。啊,不用那个表单选择器嘛。
15:03
是吧,找到所谓了吧,那找到以后我要给它们全部选中,应该怎么做呢?点有人说切的等于是这样的吗。不能这样,这是原生的。那我第一个想到的就是ADR呗。是吧,切的啊,多了一个F是吧。为什么写标签的时候才会写check的?你后面从来你在JS里面写过check的吗?你只你不能写错过是吗?是不是啊,你不老写this.check等于two this.check等于false,大家不做过来全选全部写的那个那个小的DEMO吗?你说老师忘了,忘了我也没辙啊。
16:03
就是在我的代码里面写的时候,我才会这么写,说写什么check,等于check是这么写吧,我再去写代码的时候才会这么写,我在写GS代码的时候不这么写的啊,可不是这么写的,一般就是写什么check的值,为什么to或者是was。那我另外一个我点全部选,我该怎么写呢?这个是什么?那可吧,一共就两个嘛,第一个是first,第二个是last。可以只是这个职位吗?没问题吧,没有问题,好,那下面呢,我们就来去看一下,看看行不行。走,你。
17:00
各位。完了完了出问题了,第一第一套可以开始可以聪明啊,看现在可以不可以,这个好像也可以,我不操作了,哎,好了是吧,但是你再点。是不是点不上了。看得出来吧,啊,点不上了,这是它的一个问题啊,啊这个地方啊,应该。用哪个方法来用AR不行,其实用这个。用pro。用pro啊,这个是有一定的原因啊,啊这一次呢,我们就直接用啊,我先跟他说一说啊,什么时候用pro,什么时候用AR,我先用一下去验证一下pro是可以的好吧。Pro。那什么呢,这个什么意思啊。Proper什么意思?不是property吗?是不是也是属性的意思?你A的是什么意思?哎,区别的是不是翻译过来也可以翻译成属性呢?
18:05
能懂吧,好,我们来看一下,看看我们现在改了以后是不是可以用了,走理走理走理可不可以。可以吧,这不是都好了吗?是不是好这个说一个规律啊,后面以后我们再跟大家解释这个东西为什么啊,跟大家说规律也就是那两个方法,有两个方法啊,一个叫a tr是吧,一个呢叫什么prop很简单,这个专门操作属性值。为布尔子。的属性。那这个呢。操作属性值为什么非布尔值的属性?
19:02
那你说我们现在的这一个check的是什么值过值,它的值是不是不值啊,先把这一个结果可以记住了啊,结果知道一下,后面我们再跟统一跟大家说啊,后面再说。啊,那这个就完了呀,没了又没了。这里面我们就把这个文档里面的这一片。都跟他去演示了一下。嗯,那有了它以后,其实我们上一个我们的这一个这个练习。他的做法也可以改一改,不用这种一不一定要说用,用这种做法也是我们的这个。这个练这个练习不是这个这个。我们是不是通过这个style.display那个去做呀。
20:01
是吧,我尤其是这个这个我们用的background等于一个它,那我能不能把它定义成class。也就是说什么意思,大概我这里面是不是有class。看到吗?我有一个class。啊,我有一个class看到了吧,我有一个class,那那我能不能换一种方式,我不用CSS这个方法,我用我们学过的方法能不能做。咋做啊,那我能不能艾class行不行,那叫什么呢?刚才那个名字叫什么。What?可以吧?来看一下。行不行行,那我能不能不用艾class,我用a tri行不行。也就是说我不用class,我用H,也就是用at t怎么写,添加什么属性呢?看属性值是多少啊,可以吧,可以不一样嘛。
21:11
对不对。你说哪个更哪个相对好一点呢?你愿意是用上面这种还是用下面的,下面的好一点?因为下面的我们是不是就写了一个样式类,后面只需要引用这个class就可以了,而上一种用法实际上是不是给每一个元素,每一个匹配到的TR都加一个style?是吧,都加了一个,也就是说我用上面这种方式,每一个都要去加style。变色的都会加style。你看一下你就能明白。是不是这个。看懂吗?啊,那你说这个是不是也加了,是不是都加了啊,就叫内联样司马加了。
22:01
嗯,这几个方法其实啊,你说有多大区别也不至于,但就是说我们学过的这两个方法也是可以实现这个效果。嗯,别的就没有什么啊。行,那我们今天呢,就先讲到这里,还有一会时间大家需要去再把这些东西呢给大家看一看,嗯,好。
我来说两句