JQuery DOM操作

##DOM操作
1.内容操作 ()

       括号内输入值代表修改其内容   括号内输入值代表修改其内容

　　1.html():获取/设置元素的标签体的内容 即<a><font>内容</font></a> -><font>内容</font>
　　2.text():获取/设置元素的标签体纯文本内容 即<a><font>内容</font></a> ->内容
　　3.val():获取/设置元素的value属性值
2.属性操作
　　1.通用属性操作 （）内一个代表取值 两个代表设置
　　　　1.attr（）：获取/设置元素的属性
　　　　2.removeAttr（）：删除元素的属性
　　　　3.prop（）:获取/设置元素的属性
　　　　4.removeProp():删除元素的属性
　　　　5 区别：
　　　　　　操作的是元素的固有属性则 建议使用prop
　　　　　　自定义属性 建议 attr
　　2.对class属性操作
　　　　1.addClass（）：添加class属性值
　　　　2.removeClass（）：删除class属性值
　　　　3.toggleClass（）：替换class属性值 没有会添加
3.CRUD操作 作用：* 调整元素顺序 给元素添加子元素
　　1.append（）：父元素将子元素追加到末尾
　　　　* 对象1.append（对象2） ：将对象2添加到对象1内部 并且在末尾
　　2.prepend（）：父元素将子元素追加到末尾
　　　　* 对象1.prepend（对象2） ：将对象2添加到对象1内部 并且在开头

　　　　可以为标签添加新的内容   

　　　　　　比如：可以在<ur>标签下 添加<ul>标签
　　3.appendTo（）：父元素将子元素追加到末尾
　　　　* 对象1.appendTo（对象2） ：将对象1添加到对象2内部 并且在末尾
　　4.prependTo（）：父元素将子元素追加到末尾
　　　　* 对象1.prependTo（对象2） ：将对象1添加到对象2内部 并且在开头
　　5.after（）：添加元素到元素后边
　　　　* 对象1.after（对象2） ：将对象1添加到对象2后边 兄弟关系
　　6.before（）：父元素将子元素追加到末尾
　　　　* 对象1.prepend（对象2） ：将对象1添加到对象2前边 兄弟关系

　　　　　　比如：可以在<ul>标签前后 添加<ul>标签
　　7.insertAfter（）：添加元素到元素后边
　　　　* 对象1.after（对象2） ：将对象2添加到对象1后边 兄弟关系
　　8.insertBefore（）：父元素将子元素追加到末尾
　　　　* 对象1.prepend（对象2） ：将对象2添加到对象1前边 兄弟关系
　　　　9.remove（）：删除对象

　　10.empty（）：清空元素的所有后代元素 保留当前对象以及属性节点