今天完成的事：

感觉今天没什么收获。。。对之前的任务进行修改，提交任务。

想做点什么东西，可是不知道从那儿下手，很焦灼 ，

JQuery学习了一下 JQuery DOM操作

在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。

在jQuery中，关于DOM节点常用操作共有7种：

• （1）创建节点；
• （2）插入节点；
• （3）删除节点；
• （4）复制节点；
• （5）替换节点；
• （6）包裹节点；
• （7）遍历节点；
• 
  
• 1.创建节点
• 对于创建节点，我们都是先用“$()方法”来创建一个节点，然后再通过append()、before()等方法把新创建的节点插入现有的节点中。

• 语法：

• 

• $(html)中的html指的是“HTML标签字符串”。

• append()方法表示向所选元素内部的“末尾”插入内容。

2.插入节点

在jQuery中，常见插入节点的方法共有4组：

• （1）append()和appendTo()；
• （2）prepend()和prependTo()；
• （3）before()和insertBefore()；
• （4）after()和insertAfter()；
• 其中（1）和（2）是“内部插入节点”，（3）和（4）是“外部插入节点”。

• append()和appendTo()

  （1）、append()

  append()表示向所选元素内部的“末尾”插入内容。

  语法：

• 说明：$(A).append(B)表示在A内部的“末尾”插入B

• 
  

• （2）.appendTo()

  appendTo()跟append()类似，作用都是在所选元素内部的“末尾”插入内容。但是两者的“使用方式”却是颠倒操作。

  语法：

  
  

• $(A).appendTo(B)表示将A插入B内部的“末尾”。

  append()和appendTo()作用一样，append()表示在元素中插入内容，而appendTo()表示将内容插入“到（to）”元素中。

  
  

• prepend()和prependTo()

  （1）.prepend()
  

• prepend()表示向所选元素内部的“开始”插入节点。

  语法：

  说明：$(A).prepend(B)表示在A内部的“开始”插入B。

• 

•  （2）.prependTo()

  prependTo()跟prepend()类似，作用都是在所选元素内部的“开始”插入内容。但是两者的“使用方式”却是颠倒操作。

  语法：、

  

• 说明：$(A).prependTo(B)表示将A插入B内部的“开始”。

            prepend()和prependTo()的区别，跟append()和appendTo()的区别是类似的。

• 

• before()和insertBefore()

  （1）.before()

  before()表示在所选元素外部“之前”插入节点。

  语法：

  说明：$(A).before(B)表示在A外部“之前”插入B。

  

• （2）insertBefore()

  insertBefore()跟before()类似，作用也是在某个元素外部“之前”插入内容。但是两者的“使用方式”却是颠倒操作。

  语法：

  

  说明：

  $(A).insertBefore(B)表示将A插入B外部“之前”。

  根据英文意思，我们也能很好区分before()和insertBefore()。before()表示在元素外插入内容，insertBefore()表示将内容插入元素外。

  

• after()和insertAfter()

  （1）.after()

  after()表示在所选元素外部“之后”插入节点。

  语法：

  说明：$(A).after(B)表示在A外部“之后”插入B。

• 

• （2）insertAfter()

  insertAfter()跟after()作用类似，作用都是在某个元素外部“之前”插入内容。但是两者的“使用方式”却是颠倒操作。

  语法：

  
  

• 说明：$(A).insertAfter(B)表示在A外部“之后”插入B。

            根据英文意思，我们也能很好区分after()和insertAfter()。after()表示在元素外插入内容，insertAfter()表示将内容插入元素外。

  
  

明天计划的事：调整好心态， 投入到学习中，

遇到的问题：对任务二的理解错误，我理解的tab栏切换就是和页面之间的切换，可是难过师姐讲解后发现理解错了   尴尬。。。。

收获：之前任务中a标签的用法用错了 ，今天对之前的任务进行修改，对a标签的使用有了新的认识。