JQuery与DOM中的区别

一、Query与DOM的区别

1.页面加载：

DOM：window.onload=function(){};

JQuery:$(function(){

});

2.获取对象：JQuery中有“#”

DOM:document.getElementById('id');

JQuery:$('#id');

3.取值：DOM通过属性　，JQuery通过方法

	dom	jquery
value值	obj.value	obj.val();
Text值	obj.innerText;	obj.text();
innerHTML值	obj.innerHTML	obj.html();

4.事件：DOM中有“ON”

	DOM	JQuery
点击	Onclick	click
鼠标经过	Onmouseover	mouseover
添加节点	appendChild	append();
处理获得焦点事件	Onfocus（）	focus()
处理失去焦点事件	onblur()	blur()

5.项目中遇到的：

清空一个下拉框：DOM:selPro.options.length=0; JQuery:selPro.empty();

 二、JQuery中的可读可写方法(RWF)

JQuery中的很多方法都是同一个函数实现获取（getter）和设置（setter）的，例如attr()方法，即能设置元素属性的值，也能获取元素属性的值，类似的还有html()、text()、Height()、width()、val()和css()等方法。

先这么多，后续会继续更新！