00:00
啊,过滤选择,过滤选择器里面还分好多种啊,有这个你看咱。来过滤选择题还分基本过滤、内容过滤、什么可见性过滤、属性过滤,水元素过滤、表达,一堆过滤看内容,咱们先看这个基本过滤选择题。啊,在哪呢?就在这个位置。先看这个冒啥意思,第一个吧,就是直译过来,那个作用直译过来,直译过来,那你看示例啊,他说取第一个匹配到的元素啊,这里是个无线电表啊,然后看这个地方,他先写Li Li是不是标签名,他就按照标签名查到的分五个,但是他只想要这五个里面的第一个,怎么换冒号,看见吗?或者选取第一个嘛,所以list的就下来了,你说。这个对象。哪哪个哪个最后这个结果对吗。
01:01
但记住啊,我这我看看你的问题是不是这个意思,就是老师我查到的时候只有一个的话,那他到底是不是还是几颗类对象是吧,是这个问题吗。好,我们给你看一下,那我就给你写写啊,写在哪呢?我就用咱们之前讲过的就行了,我就不再写了,来大家请看我现在把这个注点,把这个注掉,好我现在用这个。走八场,大家想想这是几个?四个法,四个法点。Let,好,运行一下这是四个没问题,那现在我说只取第一个没错吧,好几个,这是不是一个呀,那这一个它到底是不是几颗的对项给错了,这是个问题呢,好,我现在把这个length子去掉,我不看它的长度了,我就看到这里到底是不是几个类对象,还是把他记住啊,查询的结果,哪怕只查到一个,它也会分装成到几个类对象当中,记住啊记住。
02:05
好,那我们回到我们这个题目来,哎,这就是first,那我们接着往下看long last啊,就跟这个题这个反过来是吧,这第一个,这最后一个嘛,啊,取最后一个元素啊,这还是个五序列表,人家题目要求取最后一个元素,他先写Li,按照标签名察不到五,然后冒last取最后一个list item。再看。呃,那那是不反了是吧,哎,什么意思呢?你看去除掉所有跟这个选择匹配的,你看这个选择匹配了以后我不要。大概这个意思嘛,对吧,你看看啊,查到所有未选中的input,那这里是两个,这个input啊,然后一个是选中法,然后他先写上input,按照标签应该得到两个,然后他说我不要not,这表示选中的意思,我不要选中的,那这个选中的这个选东西他要啊这个就。
03:04
啊,Apple下来了,好,再看这个even。是什么意思啊,不能不能这个是吧,不能不能啊,你们说说名说这个东西是怎么写的是吧?别着急,咱们还没讲到,你看他是属于这个章节,能看到吗。刚才讲到了啊,先这么看啊,就表示相当的意思来,一是表示什么,所以为偶数的原数,这个所以呢,从零开始算的。啊,这里有个示例,他说查找表格的一三五行,那第一行我们所从零开始,第一行的选选是零,第三个选选是二,第五的选选值四,看见吧,刚好所选值是不是都是偶数啊,哎,然后看看他查找这个他怎么写的呀,这是一个表格,他先查到TR,查到所有的行,然后他过滤一下,他说我只要所有是偶数的。
04:07
那刚好就135嘛,你看第一个下来了,第二个它是一没有在这里面,第三个它的,所以是二就下来了,OK啊。然后再看这个OD跟那个也是反过来,所以为基数的啊,所也是基数的,那这个呢是查找表格是什么样,246卡,那246他们的这个索引值是130。啊135好,这是一个表格,然后呢,他现在按照TRTR是按照行标签名三个啊,然后D时表示要所以为奇数,所以为奇数什么呢?你看这是第一行,所以为零,这所以为零啊,这所以为一,这是不是奇数啊,我点一就下来了。啊好,然后再来看EQ啊,EQ就是E口的节线啊,对吧啊,给定一个匹配所性值的元数啊嗯,看他的示例头找第二行,第二行索引值是多少一嘛,对吧一嘛,它这个表格还是没变啊,他就按照TR标签名查就三行,然后ES1就表示第二行就这个哈,我一这个。
05:19
呃,然后。GDGD是什么呢?就大于啊,匹配所有大于给定索引值的元素啊,他说查找第二第三行,那第二第三行的索引是一和二,它们都大于零是吧?都大于零,然后呢,这还是那个表格,它先按照标签名差TR3卡,那GT0之后呢,就取所引大于零了,这个那就是后面两行呗,Y1滑有二呗,对吧,OK。呃,然后再来看LT是什么。小于啊,匹配所有小于给定所以子的元素,他说查到第一第二行,那第一第二行的所以是零和一啊,那它们都小于二。
06:04
小于R啊,那他怎么写呢?你看这还是那个表格啊,他先查到TR,按照标签名TR查。然后LT是什么?是小于,小于多少哈啊,那就是D第二方1Y有一,1Y有一。好,再来看冒号,冒号是什么?就是H1到H6就标题标签了啊,标题标签了啊,他说给页面中标题加的背景啊,标题一标题二和两个段落啊,然后他按照冒号的下面是什么,标题一标题二看见吗。这两个标题哈,标题,然后再看到这个any。正在你看啊,正在执行动画的。严肃啥意思?当然可能没见过,我先给你看看什么叫正动画吧,当然你没有概念。呃,我先跑起来。
07:00
什么叫正量行动画呢?看到这个了吗?一直在那里动啊,跟永动机一样不知疲倦,这就是正量型动画啊,指的就是他了哈,好,那我们来看看这个练习吧,这就是讲基本水过滤器的啊,就像刚刚说的那些来。打开啊,咱们找到大家注意看啊,这一段代码就是那个动画的代码啊,我们可以把它注掉稍微看一下啊,动画呢,咱们明天会说啊,今天你就先知道没有了吧,啊没有了啊,我给他回复一下OK。诶咋恢复不了呢?再来好,那我就先看第一个按钮吧,第一个按钮是选择第一个D,那咱们这里怎么写啊D冒号first,咱先说明一下啊,因为这个页面呢,跟前面的页面也都差不多,我就不再给你介绍页面内容,好吧,我直接上来讲了,那现在人们查第一个div,那怎么写,我是不是先写div再写方号first啊,那我写好之后,我再启动一下,我点这第一个看到吗?
08:03
好,那么找最后一个D对d last吧,好,再次运行。最后一个啊,我们他所说的,呃,然后再看选择class部为one的所有D,首先要的是啥啊,是D啊,然们不要看,问到你是不是要去掉一部分呢?点忘能理解吗?啊,去掉一下。看class one,这是大的,Class one看见吗?这大的给它去掉了啊啊。呃,选择所选为偶数的div,请看怎么做呀,首先是div,这里要说明一下啊。然后一对吧,可以吧,走起来。首引为偶数的是,这是第一个首引为零啊一啊二选中了三没有,四选中了五没有,六选中了七没有,八选中了九没有,后面以此类推,偶数的都选中啊,偶数都选中。
09:12
那么接着我们再来看选择所为基数的这个D,那还是D吧,标签明先写,然后选择过滤,Okd啊,变形一下记速的呢。啊,这个是首先为零没选中一选中了二没有三选中了四没有五是选中了,六没有七选中了,以此类推啊,后面一样好,再来看选择所引大于三本DNA元素,首先记住标签名前置,先写标签名啊,这写标签名,然后人家过滤的是不是GT呀,大于的,所以三。运行一下大于,所以就是3012是不是三后面都选中了啊再来。
10:03
叫什么呀,所以值等于三的,哎,那还是DA啊DAEQ,哎,三也简单嘛。0123对吧,就他吗?那他可说的,然后所以小于三的DLT3。012是不是小于三,嗯,来看选择所有的标题,还记得是啥吗?全有的,我刚讲完记不住就再看一下啊,来回来看一下。马上。孩子是要给。对,这是标题来,标题在哪呀?标题就是这个基本选择器,看见吗?那现在我刷新,我点一下是不是有了就是它啊。嗯,然后再来看,选择当前正在执行动画的所有元素,那怎么了,是animated animated,它有提示啊,走来看这部正方形动画呢,啊,咱们这里呢,还加了一个。
11:15
就是选择没有执行动画的最后一个,咱们没有写在这里面,我们写上。我把这个打出啊。这是附加的。好,你看啊,选择没有执行动画的最后一个DNA怎么写,首先选个要素的DNA,我们说标签名前置写写标名,然后没有执行动画的是不是去掉那个执行动画呢?那个是吧,去掉执行动画呢,是不是动画的好,别着急,一个个来先看到这里,首先我一点是不是除了它其他都选项。然后是不是还过滤最后一个,那你接着过滤呗,冒号,哎写错了,不是这个。
12:02
那时的对吧。OK,来,这是不是没有行动画最后一个啊,如果你有需要过滤,你就一直写下去就好了啊,一直写就行。
我来说两句