jQuery知识点总结（第四天）

前三天是jQuery的基础部分，选择器学好了。才能进行下一步的操作，如果前三天没学过没学好，不要跳着学。粗俗的话叫做，步子大了，容易扯着蛋。一步一个脚印，是最好的方式。

强调一下。有问题，不要憋着不讲。评论区里可以尽情提问，有问题才是好孩子。

 

---

 

jQuery插入节点的方法：

插入节点主要有两种方式，一种是内插，一种是外插。外插花样多，还分前插和后插。各位看官自动脑补岛国动画，只要你能记住，我拦不住您瞎想。

本着no picture no bibi 的精神。我画几个图，对比学习。当然更好的是你自己练一下。

内插：

　　   append 与 appendTo

　　　prepend 与 prependTo

　　　多图来袭：

　　　内插中的后插：

 　　 

 

       内插中的前插：

 

　　 

 

　　其中append与appendTo的作用是类似的。都是在元素的内部内容后面插入元素。不过为了jQuery的链式操作方便。可以先指定插入的内容然后再插入到元素内。

　　区别在于：append：先准备插入的元素，再准备插入的内容。eg：$('p').append("<b>我解锁了前插中的后插</b>");

　　　　　　   appendTo:先准备插入的内容，然后再插入到元素中去。eg $("<b>我解锁了前插中的后插</b>").appendTo("p");

 

外插：

　　　after 与 insertAfter

        before 与 insertBefore

　　   外插中的后插：

　　　

　　　　　　

 　　 外插中后插：

 

　　　

 

                after 与 insertAfter作用是类似的。可以参考内插的介绍。

---

        实在抱歉，今天更新的内容太少了。自己的电脑不太好，画图太不好使了。有问题，或者有错误，评论区见。