00:01
看看我们的文档,那CSS这一个模块呢,我们就弄完了啊,选择器本来我们前面就弄完了是吧,就现在我们都是在去通过这块对象啊,通过这个对象来去做一些操作啊,那下面我们要看另外一个,就这一边,这边又分为两个,一个叫文档处理。一个叫筛选。那我们先来看这个筛选,这个筛选又分为啊,这第三个不用看前两个,就一个叫过滤,一个叫什么呢?查找,那首先你得知道这些方法都是谁的方法。这些所有的方法都是在说谁的方法,是不是这块对象的方法对不对,那一个这块对象内部是不是包含的是一个多个动元素啊,是不是,那好了,那核微过滤啊,这个应该清楚吧,是不是对我这块对象内部的所有动物元素再进行一个筛选呢?查找这个不查找应该准确,叫过滤会好一点,过滤就是从中,譬如说假设里面有三个电位。
01:22
我找出其中的某一个,信不信,可以吧,可以,那何为查找了?他们有区别啊,也就是说查找是说的意思,就是找这里面的这元素的。子孙或者是他的兄弟说的是个什么意思呢?大家想过滤以后的结果,返回的依然还是一个极块对象,是一个新的对象啊,我们叫他对象一,我叫对象二,也就是说我是不是对对象一进行过滤了,最终产生对象二,对象一和对象二有没有联系?
02:08
有没有什么关系,没关系。啊,他们本身是两个新的对象,但是他们内部的数据。是有关系的,假设它内部的数据是ABC。那你这个里面的数据了。是AB中的一个或者什么多个,能不能懂,但是如果我是查找还是ABC吗?能是ABC吗?不是,是找的是ABC他们的什么呢?啊,是不是其中一个啊,刚才过滤才是其中的一个或者多个。对不对?过滤的结果是其中的是A或者是B,或者是C,或者是AB或者BC。
03:01
这叫过滤,你想想看,也就过滤以后的结果仍然是其中总数据中的其中的某一个或者某几个。那查找就不一样了,查找以后不可能有一个跟他相同的。因为我找的时候是找A的什么子孙后代。啊,兄弟姐妹能是A或者B或者C吗?不能,能不能区别过滤和查找。有没有区别啊,你一定要先区别开来啊。嗯。OK。好,区别开来以后我们再去啊,通过测试来去看一下到底是不是这样的,就是我说的话到底对不对啊,可能也有问题啊,我们要去通过测试的方式来测试一下。
04:02
来,我们来看一下啊。这里面呢,我们有一个需求啊,其实跟以前呢,也没有什么太大不一样啊,它大不一样啊,这里面先看下整体结构啊,有个ul那个ii啊OK,外面呢,直接来了两个ii。能看到吧,好,现在我们有这么多需求。我们来看一下。来把这一个回退一下。好,这个里面是不是都是操作ul,像ii的其中的某一个或者某几个,你看我怎么做的,我是先做一个准备工作,我先做一些事情,做一些什么事了,我先啊得到所有的ii。所有ul下面I怎么得了?Ul下面的什么ii是不是写什么?而且是不是它的子元素吧?啊,子元素会找到他们吗?不会,但是大家想我现在写的这个就是他们要找的吗?不是吧,先我已经得到ul下面所有的L了,但是你看看第一个需求说什么?
05:29
他要的是什么,他里面的第一个对不对。那怎么办呢?在这个地方,现在你说是过滤还是查找。是什么过滤?那这个时候我们用哪个方法可以做呀。这个能不能做一能不能来,这个行不行,嗯,最直接的应该用谁啊,也就是说我们现在手里是不是有一个解派对象在对他是不是进行过滤啊,调用什么first。
06:13
得到的是什么?得到的是一个什么对象?这块对象,而这个这块对象里面包含了几个元素。一个是不是第一个,哎哎呀,有人说老师你这种搞法,我觉得我感觉用我喜欢用这个。一样吗?一样不一样,上面的这一个返回是一个什么捡快递呀,那我是不是可以去调用这快递钱的方法。对不对啊,Background是吧,Right,而它是一个什么?是不是多元素对象,那还能用这个方法吗?那你想设置背景颜上,你怎么做,是到点back ground等于一个什么一个算了吧。
07:11
啊,但是我们讲的不是这个大家区别开来啊,你到底操作的是一个几块对象,还是一个动元素对象,一定要能区别开来。这实际上是不是在用方法念调用?是是不是,你看我当前是个减快点端first反过来是个什么,是不是,我是不是还可以点CSS。哎,你说我还能不能点了,能啊,减块对象啊,它的一些方法啊,它的一个方法执行完以后,一般情况下都是反过来解派对象,除了你去读一个什么宽啊高啊这样子,那就没办法了啊OK。好,我们来看一下是不是在哪。是不是一刷就知道是不是。
08:02
对,So easy。好,那这个我们就搞定了,自然你也可以,是不是有用那个一孔。各位一个几零啊,那我就不写了啊,这比较简单。那第二个是不是更轻松啊?调查什么so easy?是不是可以啊,可以了,没问题,来下面我想去取什么第二个怎么办?第二什么一口穿起一手里,是不是第二个是可以的。看下一个好,下一个有意思啊。啊,什么个意思呢?来看这里我应该去调它的什么方法,Usii中title属性为什么hello的,好像这几个刚才我讲的是不是都跟下标来过滤啊。
09:11
不对,我不乐意跟你下边了,我来看一下这个地方,这个不像,诶这里有一个是吗?The the什么意思?过滤是不是根据一个表达式,也就是一个选择器的过滤,那我怎么写。里面传什么了?是不是要求title属性值为hello?那我写怎么写?中括号,先把关键东西写出来,抬头等于什么好了。Ta day hello的是谁啊?是不是B和D啊,第一个BB和D这边好,我们来看一下是不是啊,也就说白了是第二个和什么第四个。
10:06
说对不对,对的很对啊,无比对。啊,没有太大问题。都是很简单的,那下面我们看下面的啊。那下面呢,说什么呢,说要求title属性不为什么。哈喽,那这个咋整啊?Title属性不为哈,那肯定也是要过滤,也是要调用这个方法,只是那个里面写的东西不太一样吧,或者说有没有别的呀,我们看一下。除了F。诶,他还有一个叫什么not,这有意思是吧?啊什么概念呢,是我这个地方传一个传一个什么当什么方法,Not里面写什么呢。
11:08
卡就把这个写上呗,等于哈喽是不是啊,是的,好,现在我们来看一下title属性不为哈啊,不为hello,诶,我们这个title属性不为hello,这个为hello吗?哎,这个吧,关键的问题就是这个好说这个这个title属性是为to是不hello啊,关键这一个呢。是不来看一下我们这个结果,来走一招,他选择了几个。三个AA是不是?是吧,也就是说你看我们这么的开始是不是匹配了这么多,接着其中有两个是不是满足title属性等于哈,但是我们说的意思是什么。
12:05
Title不韦,Hello,能看懂不能不能懂啊,这里面来个not,那我能不能用。可不可以就我不用not我用能不能搞定。那我用filter怎么搞定呢?那就是在这里面加一个什么。不等于。现在的效果应该是什么一样的,也是不会有变化,但是啊,我提个特别的要求,我希望它有太多属性,但太多属性不为hello。那也就是说只会选择几了?这有不懂,有开头属性,但开头属性的值了不为哈行,问我该怎么写。
13:03
啊。再点一下。是吗?其实完全可以,可以写个这个。可不可以,首先这这实际上是个什么选择器?交集选择器对不对?因为他选择了什么,是不是必须要求抬头?这是一定要提过这个要求的吧,那下面呢,说什么抬头的值不等于什么哈,能懂不?有人刚刚说我再点一次行不行?啊,先看一下这个现在行不行啊。各位,诶有人说刚才说我再点一次,我想。点什么呢?那要求什么呢。
14:02
是不是这个意思啊?没错吧,你想嘛,现在我是不是得到了所有只要是泰斗属性不为哈的是不是都选了,那其中是不是有的没有泰斗属性,接着我是不是再一次过滤啊,现在一刷是不是还是同样的效果。可以吧,嘿,So easy。就这么事啊,说再多也没用好来下面啊,下面我们来继续往下看啊,下面说的是ul下面,Ul下面的ii。但是呢,他要求什么呢?首先他找的还是ii对不对,他要求那个ii下面必须有什么span标签,那这一个还要求有SPA标签,我这个该怎么办呢。
15:00
用哪个,诶这里面有一个什么,是不是汉字。是不是啊,我们来看一下是保留包含特定后代的元素,那这个地方简单的我应该都什么方法去亥亥子有什么元素。也是SPA记住了,那我问大家返回的是SPA的结块对象还是I结块对象啊,也就是说我现在要求失败,要求里面有失败,那最终你得看这个CSS影响的是ii还是影响的失败对不对?懂应该影响的是谁ii。我有吧,我看看。是不是最后一个。是不,这不最后一个有吗。来把这一个先给他整一下。
16:05
是不是最后一个,而且你能看得出来是不是影响的是我的什么啊,哎,要失SPA的话,它应该是只有这一片为红色。嗯,对的。这就叫啊过滤。再跟大家说一遍,就我这一个这块对象里面已经在手上了,它里面呢,已经包含了N个。动元素,我要从中找出几个匹配的动元素。这叫过滤。
我来说两句