Dom操作介绍

1.dom指的是什么?
document文档 object 对象 model模型，Dom翻译中文：文档对象模型

2.在js中，js的底层由不同的人员开发出来，一共分成三部分：

		    1. 基本语法[ECMA]
		    2. Bom  Browser Object Model 浏览器对象模型，例如，浏览器的版本信息、浏览器的页面跳转、浏览器页面刷新
		    3. DOM  文档对象模型，操作html元素或者css样式的相关内容

3.简单的说,dom操作就是元素节点操作,指的是改变html的标签结构，它有两种情况：
1、移动现有标签的位置
2、将新创建的标签插入到现有的标签中

		   //在当父级的内部追加成员
		    //1.append
		    //使用方式:父级元素.append(新增元素)
		    var oa = $('<a title="百度地址">百度</a>');
		        oa.prop({'href':'http://www.baidu.com','target':'_blank'})
		        $('body').append(oa)

		    //2.appendTo
		    //使用方式: 新增元素.appendTo(父级元素)
		    var li =$('<li>5</li>');
		        li.appendTo($('#list'))

		    //after
		    //在当前元素外边追加
		    var p = $("<p>p标签</p>")
		    $("#list").after(p)

		    //before
		    //在元素的外面前置
		    var p = $('<p>p标签</p>')
		    $('#list').before(p)

		    //删除节点
		    $('#list li').eq(2).remove();//删除下标为2的元素

		    //清空内容
		    $('#list').empty();