00:00
好,回下这个文档。啊,上午呢,我们已经把他的这个这块对象的筛选操作已经做完了啊,下面我们来看它的另外一个就是文档处理,其文档处理呢,是我们的终极目标。我们去找到某一个或者某一些元素对象以后,对它进行各种各样的文档处理,这是非常非常常见的。我们来看一下。啊,我把我的这个呢,把它打开啊,其实也就是一些简单的一些标签啊,这里面呢,我有两个ul,大家看啊,有两个UI,一个ID叫UI,一个ID叫UI啊里面呢有一些ii。别的也没什么太多了,好,那现在呢,里面有些需求,我们把这些需求呢,给它复制过来。嗯。
01:02
看着去就做呗,是吧。好,现在看第一个。现在呢,我要向ID为UI的ul下面添加一个SPA,而且添加到什么,最后说白了很简单,就是要向这个下面是不是再添加一个ii吧。那我们这个时候啊,首先我得找到哪个元素,是不是肯定要找到UI啊,啊找到U啊,找到他倒并不难,因为他有ID。所以很容易就能找到一个。多了福UI1等于哪个井号是吧?找到了吧,那下一步怎么样往它里面塞塞一个span标签呢?
02:00
在他的文档里面有。第一个叫内部插入,我现在是往内部插入吗?是不是是啊,那这个地方有一个方法叫什么。就是起这个作用,什么意思呢?用起来非常简单啊,多朗福UL一点什么判,那你想差一个什么标签,18标签,那你就写18标签这个。好,我这里面写个内容啊,标识一下这是用的是什么方法添加的啊end添加的是吧,那看到文本是不是就能明白他是怎么做的。好,那也就是说我一刷会出现。这里面。是不是会出现一个失败?来看是不是走你。
03:02
没什么啊,比较简单。啊,这是这个,其实这个里面呢,除了用N喷的,它其实还有一个方法可以用。还有一个什么方法呢,叫。End和end to是一个什么样的区别呢?你看我end的时候,我是不是是根据通过页面的ul往它里面去。添加一个班,诶我现在呢,我不这么做。我不这么做啊,我怎么做了,我这么做。我这么想。什么意思呢?我现在内存里面是不是创建一个示范标签可以吧,那创建一个示范标签,我现在想办法要将这个标签加哪里去。
04:02
是不是加一里面去,那怎么加啊pen to。这个判断出来,你如果你有结块对象,你可以给他传结块对象,你要觉得啊,你要开始没有的,那你直接写这个也可以。能不能,但是明显我们现在应该写什么比较好,写他比较好。因为你写那个选择器,它也是要先根据选择器找到这个对象的。我们来看啊,行不行。各位。就可以啊,没有问题啊。这两个是不是效果是一样的呀,效果都一样啊。一个叫A,一个叫什么呢?APA6。嗯,好,这是我们的第一个需求,那除了添加到最后还有可能添加了。
05:06
就你想嘛,我往ul里面UR标签里面去塞对不对。那除了塞在最后,还可以塞在哪里?是不是最前面这两个特别的地方吗?一个在最后,一个在最前面是不是?那如果我要塞在最前面,该用什么语法了?啊,它有一个什么pre pen,然pen是放到最后是放大第一位啊,这个应该能懂了吧。是不是跟它一个意思,我们来测试一下,看看是不是这样的。这就知道啊来。呃,我们用ul一点。Panda。是吧?是用prepare还是prepare to per还是一样,我是不是要去加一个失败?
06:06
对吧,只是我这个地方来说明一下用的是什么。那也就是说现在我一刷它应该出现在哪里,是不是AA的前面。走,你。没问题吧,那除了用pre,我刚才说了还有一个办法就是先拿到他们,先在内存里面创建一个。这是我要用prepared to。点什么panda two给谁了?多了福UL1UL不是ul是吧?来看一下,应该效果呢,应该是一样的,我们来找你变了吧。
07:00
各位,可就这么简单一个事好了。那想啊,你除了加在最前面,加在最后面,还有可能加在哪里,是不是加在中间的某一个位置。能理解吧,加在中间的某一个位置来看一下下面的需求。它现在是什么呢?在ID为ul的ul下面的ii,那个ii它有个要求,在它的什么前面加一个那个I,那个ii有个什么要求。Title要为什么hello title啊,Hello的ii有几个?我看这上面是不是两个,说白了,我要向这里,向这里。是不是插入一个SPA呢?那一共插几个SPA2个。
08:01
能理解吧,插入两个,那好了,那我们该怎么办呢,好像。啊,OK,来啊,先看看我们用哪个方法,先确定用哪个方法。这里面有一个,呃,外部插入。有一个after,有一个before,我是要放在前面,放在后面,放在前面应该用什么?是不是用B大家看啊,这是个什么意思啊,他先找到这个P标签,接着调用b four,你说那个那个B标签放哪去了,是放到P里面还是放在P的前面,是放在P的前面是吧?那所以我这一个。我现在是拿着它去操作吗?是拿着它去调用什么b before吗?是不是不是你要调用不做,那么插到这个UI的前面去了吗?你首先得往它里面再去找一下,找这个ul下面是某一个ii孩子啊,那应该用什么方法可以找过滤查找一下对不对?找孩子嘛,查找children好,但要求是什么呢?Ii。
09:26
中括号title等于hello。是不是找到那个ii了,第二我们看的什么方法呢?Before,有这个吧,啊记得塞什么呢?是不是塞一个SPA呢,塞一个span标签,把这个span拿一下。那这个时候我们是通过什么方法筛的?Before啊,等一看文本就知道通过什么方法筛的。来看一下啊,应该是在我的这一个BB和DD的前面。
10:07
它有两个,我们看是不是啊。对不对。对了吧,这不是在BB和DD的前面塞的吗?那可以放在前面,那自然就可以,什么是放在后面,那也就是说我们这个地方啊,是要放在这个title为hello的后面,那其实跟这个差不多。对不对,只是我们应该用什么after来标识一下,这里面after别的不用改吧,别的不用改,那也就是说在这一个。这里,以及这里。是不是分别插入一个什么。
11:02
我们看是不是啊刷。对吗?没问题吧,没问题,这说的是插入来,下面我们要说另外一个。有插入,还有一个操作叫什么呢?替换好他说的还是前,呃这个这个操作UIR了是吧?操作IR了,那看到将ID为urr的ul,下面我先写一下啊,先找一下ID为ul啊,找到那个ul了吧,它下面的什么。是不是ii呀,Ii开为这个全部替换,我要看一下用什么方法呀。看一下。替换嘛,找这个替换呗,有replace with you place用哪个。
12:04
是啊,Replace好了。那replace这个地方它要替换什么呀?全部替换为P标签,那我先找到他们吧。怎么找啊,下面的什么ii接着要求那个title等于哈,是不是多了一个。好,看一下上面有没有抬头哈,有几个这两个,一个是BB,一个什么BD。我们要将它们都干嘛呢?叫replace替换为P。正确了吧,啊,这个是写一下replace。
13:00
替换的P能看懂吧,嗯,好了,那也就是说啊,也就是说哪些部分会变呢?B和什么D。来走一遭。啊,就是这一句话什么。是不是没了呀。这好像不对呀,你看一下里面的那个结构,这好像被被删除了感觉。来看我们这里面首先报错没有没有,那接着我这个里面的那那个B和那个D是不是没了呀,这不对呀。啊,我们来看一下啊。啊,Replace,刚才看到replace这个地方,它要指定的是什么。
14:01
是一个选择器。而我只用什么?是不是我只用了一个标签字符串的,好像不是这个方法哎。啊,那用什么呢。诶,这里面有一个replace。什么东西看一个看一下。是不是使用什么来替换呢?翻译过来,你看这个,那我应该用谁。Replace with,那你说replace,如果我写replace这个里面是不是应该选个选择器啊,说白了就是拿页面中的某一个位置替换它能不懂,只是我们现在不一样嘛,我们是新创建一个P。来试试。刷一下有没有。有吧,啊,所以说应该用什么replace with,好,就剩最后一个了。
15:05
移除ID为UI下面的ul下面所有的什么。Ii,说白了就是要把这个里面的所有的ii都给了什么删掉。那我该怎么做呢?先看一下有什么方法,这里面呢有两个方法,一个叫empty empty什么意思?空瑞木遗族。空叫掏空的意思。啊,移除这里面主要是要区别移除和掏空它有一个什么区别,假设我手里拿的是ul是吧,里面是成的ii啊,我要调用的是N的话,移除的是谁?Empty掏空,说白了,譬如说啊,你要被你追求的人拒绝了,那你会说你的心被掏空了,但你还在不在是吧?啊,你的心被掏空了,但你还在那所以说会把我的ul本身给删掉吗?不会,只会删除什么它内部所有的ii对不对?那如果我调用的是了。
16:27
那不好意思啊,那就是把连通他自己,那就是啊,OK,他要拒绝你了,你活不下去了啊,你咔嚓一下走了,这就叫remove,不一样吧,啊不一样好了,来,我现在想删除所有的ii,我用该怎么写?我就想删除所有ILL,不要干掉了,先找到的是ULR是吧,井号。
17:03
那你说我只要找到他,我应该用还是。我要掏空嘛,是吧,有不懂,好我们来看一下看是不是。刷一下不见了,但是你一定要看一下ul还在不在,看一下U是不是还在啊,好了,那我不想,我想用实现同样的一个结果,那我应该是找到这个下面所有的什么ii。对吧,接着去调用什么remove。结果是什么一样的?哎,我的那个ul Li,哎,我还有还有什么,我还有P是吧,那后P是我后来加的对不对,那我要用P,那我要有里面我就删除了,所以哎呀没问题是吧,但是这两个是不是有点小区别。
18:12
N里是什么没有管它是ii标签还是P标签,对不对,懂不懂啊OK,比说老师能不能N你的时候去管一下是你谁嘞,我看一下他这里有没有这个选项,好像还没有他的,你真是什么。是不是全部干掉,把我的直接给掏空了?能看到吧,嗯,还稍微有点区别对不对,因为我们现在针对的是不是它下面所有AI人说老师我就想把所有的都干掉怎么办。可不可以P表性干不干掉干掉?其实要实现同样效果也是可以的。对吧,啊没有问题,只是我们要是删除的是ii,其实这个这个上面的这个写法就什么就不太对。
19:11
为什么?他是不是把那个P标签也删掉了,是不是啊,是这个看去啊,就是P标签也会删除P标签,不过后来我加了嘛。这就是一些增删改的操作。啊,前面我们讲的都是增加相关的一些方法啊,后面呢,我们讲的是替换,以及后面最后的是删除增删改查询讲过吗。比如说选择器不就查询吗?我们筛选不也过滤和查找不也查询吗。能理解吧,嗯,那其实你一看我们现在都给把它的这个语法都学的差不多了都。
20:04
嗯。OK。
我来说两句