23.尚硅谷_jQuery_文档_增删改.avi原创

好，回下这个文档。啊，上午呢，我们已经把他的这个这块对象的筛选操作已经做完了啊，下面我们来看它的另外一个就是文档处理，其文档处理呢，是我们的终极目标。我们去找到某一个或者某一些元素对象以后，对它进行各种各样的文档处理，这是非常非常常见的。我们来看一下。啊，我把我的这个呢，把它打开啊，其实也就是一些简单的一些标签啊，这里面呢，我有两个ul，大家看啊，有两个UI，一个ID叫UI，一个ID叫UI啊里面呢有一些ii。别的也没什么太多了，好，那现在呢，里面有些需求，我们把这些需求呢，给它复制过来。嗯。

看着去就做呗，是吧。好，现在看第一个。现在呢，我要向ID为UI的ul下面添加一个SPA，而且添加到什么，最后说白了很简单，就是要向这个下面是不是再添加一个ii吧。那我们这个时候啊，首先我得找到哪个元素，是不是肯定要找到UI啊，啊找到U啊，找到他倒并不难，因为他有ID。所以很容易就能找到一个。多了福UI1等于哪个井号是吧？找到了吧，那下一步怎么样往它里面塞塞一个span标签呢？

在他的文档里面有。第一个叫内部插入，我现在是往内部插入吗？是不是是啊，那这个地方有一个方法叫什么。就是起这个作用，什么意思呢？用起来非常简单啊，多朗福UL一点什么判，那你想差一个什么标签，18标签，那你就写18标签这个。好，我这里面写个内容啊，标识一下这是用的是什么方法添加的啊end添加的是吧，那看到文本是不是就能明白他是怎么做的。好，那也就是说我一刷会出现。这里面。是不是会出现一个失败？来看是不是走你。

没什么啊，比较简单。啊，这是这个，其实这个里面呢，除了用N喷的，它其实还有一个方法可以用。还有一个什么方法呢，叫。End和end to是一个什么样的区别呢？你看我end的时候，我是不是是根据通过页面的ul往它里面去。添加一个班，诶我现在呢，我不这么做。我不这么做啊，我怎么做了，我这么做。我这么想。什么意思呢？我现在内存里面是不是创建一个示范标签可以吧，那创建一个示范标签，我现在想办法要将这个标签加哪里去。

是不是加一里面去，那怎么加啊pen to。这个判断出来，你如果你有结块对象，你可以给他传结块对象，你要觉得啊，你要开始没有的，那你直接写这个也可以。能不能，但是明显我们现在应该写什么比较好，写他比较好。因为你写那个选择器，它也是要先根据选择器找到这个对象的。我们来看啊，行不行。各位。就可以啊，没有问题啊。这两个是不是效果是一样的呀，效果都一样啊。一个叫A，一个叫什么呢？APA6。嗯，好，这是我们的第一个需求，那除了添加到最后还有可能添加了。

就你想嘛，我往ul里面UR标签里面去塞对不对。那除了塞在最后，还可以塞在哪里？是不是最前面这两个特别的地方吗？一个在最后，一个在最前面是不是？那如果我要塞在最前面，该用什么语法了？啊，它有一个什么pre pen，然pen是放到最后是放大第一位啊，这个应该能懂了吧。是不是跟它一个意思，我们来测试一下，看看是不是这样的。这就知道啊来。呃，我们用ul一点。Panda。是吧？是用prepare还是prepare to per还是一样，我是不是要去加一个失败？

对吧，只是我这个地方来说明一下用的是什么。那也就是说现在我一刷它应该出现在哪里，是不是AA的前面。走，你。没问题吧，那除了用pre，我刚才说了还有一个办法就是先拿到他们，先在内存里面创建一个。这是我要用prepared to。点什么panda two给谁了？多了福UL1UL不是ul是吧？来看一下，应该效果呢，应该是一样的，我们来找你变了吧。

各位，可就这么简单一个事好了。那想啊，你除了加在最前面，加在最后面，还有可能加在哪里，是不是加在中间的某一个位置。能理解吧，加在中间的某一个位置来看一下下面的需求。它现在是什么呢？在ID为ul的ul下面的ii，那个ii它有个要求，在它的什么前面加一个那个I，那个ii有个什么要求。Title要为什么hello title啊，Hello的ii有几个？我看这上面是不是两个，说白了，我要向这里，向这里。是不是插入一个SPA呢？那一共插几个SPA2个。

能理解吧，插入两个，那好了，那我们该怎么办呢，好像。啊，OK，来啊，先看看我们用哪个方法，先确定用哪个方法。这里面有一个，呃，外部插入。有一个after，有一个before，我是要放在前面，放在后面，放在前面应该用什么？是不是用B大家看啊，这是个什么意思啊，他先找到这个P标签，接着调用b four，你说那个那个B标签放哪去了，是放到P里面还是放在P的前面，是放在P的前面是吧？那所以我这一个。我现在是拿着它去操作吗？是拿着它去调用什么b before吗？是不是不是你要调用不做，那么插到这个UI的前面去了吗？你首先得往它里面再去找一下，找这个ul下面是某一个ii孩子啊，那应该用什么方法可以找过滤查找一下对不对？找孩子嘛，查找children好，但要求是什么呢？Ii。

中括号title等于hello。是不是找到那个ii了，第二我们看的什么方法呢？Before，有这个吧，啊记得塞什么呢？是不是塞一个SPA呢，塞一个span标签，把这个span拿一下。那这个时候我们是通过什么方法筛的？Before啊，等一看文本就知道通过什么方法筛的。来看一下啊，应该是在我的这一个BB和DD的前面。

它有两个，我们看是不是啊。对不对。对了吧，这不是在BB和DD的前面塞的吗？那可以放在前面，那自然就可以，什么是放在后面，那也就是说我们这个地方啊，是要放在这个title为hello的后面，那其实跟这个差不多。对不对，只是我们应该用什么after来标识一下，这里面after别的不用改吧，别的不用改，那也就是说在这一个。这里，以及这里。是不是分别插入一个什么。

我们看是不是啊刷。对吗？没问题吧，没问题，这说的是插入来，下面我们要说另外一个。有插入，还有一个操作叫什么呢？替换好他说的还是前，呃这个这个操作UIR了是吧？操作IR了，那看到将ID为urr的ul，下面我先写一下啊，先找一下ID为ul啊，找到那个ul了吧，它下面的什么。是不是ii呀，Ii开为这个全部替换，我要看一下用什么方法呀。看一下。替换嘛，找这个替换呗，有replace with you place用哪个。

是啊，Replace好了。那replace这个地方它要替换什么呀？全部替换为P标签，那我先找到他们吧。怎么找啊，下面的什么ii接着要求那个title等于哈，是不是多了一个。好，看一下上面有没有抬头哈，有几个这两个，一个是BB，一个什么BD。我们要将它们都干嘛呢？叫replace替换为P。正确了吧，啊，这个是写一下replace。

替换的P能看懂吧，嗯，好了，那也就是说啊，也就是说哪些部分会变呢？B和什么D。来走一遭。啊，就是这一句话什么。是不是没了呀。这好像不对呀，你看一下里面的那个结构，这好像被被删除了感觉。来看我们这里面首先报错没有没有，那接着我这个里面的那那个B和那个D是不是没了呀，这不对呀。啊，我们来看一下啊。啊，Replace，刚才看到replace这个地方，它要指定的是什么。

是一个选择器。而我只用什么？是不是我只用了一个标签字符串的，好像不是这个方法哎。啊，那用什么呢。诶，这里面有一个replace。什么东西看一个看一下。是不是使用什么来替换呢？翻译过来，你看这个，那我应该用谁。Replace with，那你说replace，如果我写replace这个里面是不是应该选个选择器啊，说白了就是拿页面中的某一个位置替换它能不懂，只是我们现在不一样嘛，我们是新创建一个P。来试试。刷一下有没有。有吧，啊，所以说应该用什么replace with，好，就剩最后一个了。

移除ID为UI下面的ul下面所有的什么。Ii，说白了就是要把这个里面的所有的ii都给了什么删掉。那我该怎么做呢？先看一下有什么方法，这里面呢有两个方法，一个叫empty empty什么意思？空瑞木遗族。空叫掏空的意思。啊，移除这里面主要是要区别移除和掏空它有一个什么区别，假设我手里拿的是ul是吧，里面是成的ii啊，我要调用的是N的话，移除的是谁？Empty掏空，说白了，譬如说啊，你要被你追求的人拒绝了，那你会说你的心被掏空了，但你还在不在是吧？啊，你的心被掏空了，但你还在那所以说会把我的ul本身给删掉吗？不会，只会删除什么它内部所有的ii对不对？那如果我调用的是了。

那不好意思啊，那就是把连通他自己，那就是啊，OK，他要拒绝你了，你活不下去了啊，你咔嚓一下走了，这就叫remove，不一样吧，啊不一样好了，来，我现在想删除所有的ii，我用该怎么写？我就想删除所有ILL，不要干掉了，先找到的是ULR是吧，井号。

那你说我只要找到他，我应该用还是。我要掏空嘛，是吧，有不懂，好我们来看一下看是不是。刷一下不见了，但是你一定要看一下ul还在不在，看一下U是不是还在啊，好了，那我不想，我想用实现同样的一个结果，那我应该是找到这个下面所有的什么ii。对吧，接着去调用什么remove。结果是什么一样的？哎，我的那个ul Li，哎，我还有还有什么，我还有P是吧，那后P是我后来加的对不对，那我要用P，那我要有里面我就删除了，所以哎呀没问题是吧，但是这两个是不是有点小区别。

N里是什么没有管它是ii标签还是P标签，对不对，懂不懂啊OK，比说老师能不能N你的时候去管一下是你谁嘞，我看一下他这里有没有这个选项，好像还没有他的，你真是什么。是不是全部干掉，把我的直接给掏空了？能看到吧，嗯，还稍微有点区别对不对，因为我们现在针对的是不是它下面所有AI人说老师我就想把所有的都干掉怎么办。可不可以P表性干不干掉干掉？其实要实现同样效果也是可以的。对吧，啊没有问题，只是我们要是删除的是ii，其实这个这个上面的这个写法就什么就不太对。

为什么？他是不是把那个P标签也删掉了，是不是啊，是这个看去啊，就是P标签也会删除P标签，不过后来我加了嘛。这就是一些增删改的操作。啊，前面我们讲的都是增加相关的一些方法啊，后面呢，我们讲的是替换，以及后面最后的是删除增删改查询讲过吗。比如说选择器不就查询吗？我们筛选不也过滤和查找不也查询吗。能理解吧，嗯，那其实你一看我们现在都给把它的这个语法都学的差不多了都。

嗯。OK。