Jquery操作打卡

01jquery动态操作节点

1.动态操作节点
           原js:
              - 创建节点
                createElement('div')
                createTextNode('内容')
              - 添加节点
                 父节点.appendChild(子节点)
                 父节点.insertBefore(新节点，旧节点)
              - 删除节点
                 父节点.removeChild(子节点)
                 子节点.remove()
              - 替换节点
                 父节点.replaceChild(新节点，旧节点)
              - 克隆节点
                 节点.clone(true|false)
2. jquery动态操作节点
	1.创建节点
                 $('<div>')  //<div>  注:<>
	2.添加节点
                 父节点append(子节点)  子节点appendTo(父节点) 
					注：放在父节点内容后面
                 prepend()  prependTo()
					注：放在父节点内容前面
                 兄弟节点before()  兄弟节点after()
					
	3.删除节点
                  节点empty() 消除元素下所有子节点
                  节点remove() 消除子元素和选中元素
                   节点detach() 同remove
	4.替换节点
                  原节点.replaceWith(新节点)
                  新节点.replaceAll(原节点) 替换所有原节点
	5.克隆节点
                 节点.clone(true|false) 事件
                 不传参数，默认是false 只克隆元素
                 参数为true,克隆元素和事件