Html—几个神奇的概念

(1)children/childNodes
children只返回html节点，不返回文本节点；（更实用）不符合w3c标准，IE和chrome可用，但是FireFox不支持。

childNodes返回指定元素的子元素集合，包括文本，文本也是一个字元素。（W3C：http://www.w3school.com.cn/tiy/t.asp?f=jsref_node_childnodes）

parentNodes parentElement http://www.jb51.net/article/44517.htm

详细分析：http://www.cnblogs.com/snandy/archive/2011/03/11/1980085.html
(2)innerHtml和innerText
<div id='myDiv'><p>文本</p></div>
innerHtml是某个元素中包含的所有信息,包含html标签
innerText从起始位置到终止位置的内容，但是它出去了html标签
var tmp=document.getElmentById('myDiv').innerHtml; //<p>文本</p>

var tmp1=document.getElmentById('myDiv').innerText; //文本

(3)append()/appendTo()
append()和appendTo()是Jquery的方法，所以其前后都必须是Jquery对象；
appendChild() 这个是js的方法。

(4)hover mouseover/mouseout/mouseenter/mouseleave
hover既是css的一个伪类，如 a:hover{};也是Jquery的一个方法
$(selector).hover(infun,outfun); 
hover != mouseover+mouserout
hover  = mouseenter+mouseleave
mouseover 鼠标指针经过任何子元素都会触发绑定在父级元素上的mouseover事件
mouseout   鼠标指针离开任何子元素都会触发绑定在父级元素上的mouseout事件
mouseover、mouserout引起事件冒泡
mouseenter  只有当鼠标指针经过绑定的元素时才会触发事件，经过其子元素时，不会触发
mouseleave   只有当鼠标离开绑定的元素时才会触发该事件

参考：http://blog.youkuaiyun.com/lyc_2011_acm/article/details/8830720