摘要：
比如使用document.getElement*系列的方法返回的就是dom对象。varbtn=document.getElementById;vardivs=document.getElementsByTagName;dom对象只可以使用dom对象的方法和属性domObject.innerHTML="dom对象设置文本";domObject.style.display="block";//dom对象显示对象domObject.onclick=function(){}//dom对象绑定事件什么是jQuery对象jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。var$obj=$;//$.ready;就是典型的DOM对象转jQuery对象
document.getElementById('file').files[0]的jquery写法
这个我们需要把document.getElementById('file')看成是Dom对象.
明白了道理,这个就很好解决了.就是将jquery对象转成DOM对象即可获得js文件对象
示例:
var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)
//其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。转自:https://www.cnblogs.com/lsy0403/p/5907084.html
什么是DOM对象
使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。比如使用document.getElement*系列的方法返回的就是dom对象。
var btn = document.getElementById("btnShowDiv");
var divs = document.getElementsByTagName("div");
dom对象只可以使用dom对象的方法和属性
domObject.innerHTML = "dom对象设置文本";
domObject.style.display= "block";//dom对象显示对象
domObject.onclick = function() {}//dom对象绑定事件
什么是jQuery对象
jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。比如使用$()方法返回对象都是jquery对象。
$("div");//标签选择器返回的jquery对象。
$("#btnShowDiv");//id选择器返回的jquery对象。
jQuery对象只能使用jquery对象的方法
var $obj = $("div");
$obj.html("jquery对象设置文本的方法");
$obj.show();//jquery对象显示文本
$obj.click(function() {});//jquery对象绑定事件
错误的用法
$("div").innerHTML;//jquery对象不能调用dom方法
//dom对象不能调用jquery方法。
document.getElementById("btnShowDiv").show();
深入了解jQuery对象
jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合）
联想记忆：衣服和洗衣机的关系
jQuery对象和DOM对象的相互转换
1.jQuery对象转DOM对象
var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)
//其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。
2.DOM对象转jQuery对象
联想记忆：我有钱[美元]，所以我的功能就更强大。
var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象