Jquery中的DOM操作(一部分)

Jquery中的DOM操作
DOM(Document Object Model) 文档对象模型
DOM操作分为3个方面: DOM Core(核心),HTML-DOM和CSS-DOM

DOM Core(核心)
    使用DOM Core获取表单的方法: document.getElementsByTagName("form");
    使用DOM Core获取某元素的src属性的方法: document.getAttribute("src");
HTML-DOM
    使用HTML-DOM获取表单对象的方法：documents.forms//HTML-DOM提供了一个forms对象
    使用HTML-DOM获取某元素的src属性的方法:element.src;
通过以上比较可以发现HTML-DOM的代码通常较为简短,不妥它只用来处理web文档。

CSS-DOM
    CSS-DOM是针对CSS的操作，在javascript中，主要作用是获取和设置style对象的各种属性。通过改变style对象的各
    种属性，可以使网页呈现出各种不同的效果。
    
    设置某元素的style对象字体颜色的方法： element.style.color = "red";
注 ：每一张网页都能用DOM表示出来，而每一份DOM都可以看作一棵DOM树。


----------链式写法:$("对象").append("").append("");
创建元素
例如
    创建一个li元素：$("<li></li>")；

注意：1) 动态创建的新元素不会被自动添加到文档中，而是需要是使用其他方法将其插入文档中;

      2) 当创建单个元素时，要注意闭合标签和使用标准的XHTML格式;

jquery获取节点名称标签名称
代码:$('elementID').get(0).tagname

jquery对象和dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，
调用方法时要注意操作的是DOM对象还是jquery对象
普通的DOM对象一般可以通过$()转换成jquery对象
如：$(document.getElementByIdx_x("msg")则为jquery对象，可以使用jquery的方法
由于jquery对象本身是一个集合，所以如果jquery对象要转换成dom对象 则必须取出其中的某一项
一般可以通过索引取出。
如$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能
再使用jquery的方法。
一下几种写法都是正确的
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg")eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

普通的dom对象一般可以通过$()转换成jquery对象
如：$(document.getElementById("msg"))
则为jquery对象，可以使用jquery的方法
由于jquery对象本身是一个集合，所以如果jquery对象要转换为dom对象则必须取出
其中的某一项，一般可通过索引取出
如：$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]
这些都是dom对象，可以使用dom的方法，但不能再使用Jquery的方法
以下几种写法都是正确的
$("#msg").html();
$("#msg")[0]