jQuery笔记——DOM操作在 JavaScript 中，DOM 不但内容庞⼤繁杂，⽽且我们开发的过程中需要考虑更多的兼容性、扩展性。
在 jQuery 中，已经将最常⽤的 DOM 操作⽅法进⾏了有效封装，并且不需要考虑浏览器的兼容性对元素内容的获取和修改可以使⽤ html()和 text()⽅法获取内部的数据。
html()⽅法可以获取或设置 html 内容，text()可以获取或设置⽂本内容$('#box').html(); //获取 html 内容$('#box').text(); //获取⽂本内容，会⾃动清理 html 标签$('#box').html('<em>jQuery</em>'); //设置 html 内容$('#box').text('<em>jQuery</em>'); //设置⽂本内容，会⾃动转义 html 标签注意：当我们使⽤ html()或 text()设置元素⾥的内容时，会清空原来的数据。
⽽我们期望能够追加数据的话，需要先获取原本的数据$('#box').html($('#box').html() + '<em>jQuery</em>'); //追加数据如果元素是表单的话，jQuery 提供了 val()⽅法进⾏获取或设置内部的⽂本数据$('input').val(); //获取表单内容$('input').val('jQuery'); //设置表单内容元素属性操作jQuery 可以对元素本⾝的属性进⾏操作，包括获取属性的属性值、设置属性的属性值，并且可以删除掉属性$('div').attr('title'); //获取属性的属性值$('div').attr('title', 'Hello jQuery'); //设置属性及属性值$('div').attr('title', function () { //通过匿名函数返回属性值return 'Hello jQuery';});$('div').attr('title', function (index, value) { //可以接受两个参数return value + (index+1) + '，Hello jQuery';});注意：attr()⽅法⾥的 function() {}，可以不传参数。
jQueryDOM操作DOM操作的分类：DOM CORE（核心）、HTML-DOM和CSS-DOM1. DOM CoreDOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。
它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML.Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法，都是dom core的组成部分。
2. HTML_DOM使用HTML_DOM来获取表单对象的方法Document.forms使用HTML_DOM来获取某元素的src属性的方法Element.src3. CSS_DOMCSS_DOM是针对CSS的操作。
在javascript中，CSS-DOM技术的主要作用是获取和设置style对象的各个属性。
通过改变style对象的各种属性，可以使网页呈现出各种不同的效果。
Element.style.color = “red”;jQuery作为javascript库，继承并发扬了javascript对DOM对象的操作的特性，使开发人员能方便的操作DOM对象。
元素的操作可以按下列来分类：查找、创建、插入、删除、复制、包裹、属性操作、查找：利用上面的jQuery选择器创建：主要包括创建元素节点和创建文本节点、创建属性节点。
（1）创建元素节点 $(html)Var aa=$("<li></li>");（2）创建文本节点 Var aa=$("<li>你好</li>");（3）创建属性节点 Var aa=$("<li title='bbb'>你好</li>");插入：光动态的创建节点没上面用处，还要能够将创建的动态插入。
