您的位置:首页 > Web前端 > JQuery

jQuery对象与DOM对象的区别及相互转换

2016-08-11 17:28 519 查看
1.通过原生DOM模型提供的document.getElementById("***")获取的就是DOM对象
2.通过$("***")获取的即为jQuery对象
3联系:jQuery对象是一个类数组的对象,其不仅包含了DOM对象的信息,还封装了很多其他操作方法。
4.相互转换:
  jQuery对象转DOM对象
 1.eg:
var  $divOne=$("div");          //jQuery对象
var divOne=$divOne[0];//DOM对象

 2.eg:
var $divOne=$('div')//jQuery对象
var divOne=$divOne.get(0); //DOM对象
通过jQuery的get()方法可直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引
 
DOM对象转jQuery对象

 
   eg:     var divOne=document.getElementById("divOne");   //DOM对象
var $divOne=$(divOne); 
//jQuery对象
$(***)中参数为DOM对象,则jQuery可将其DOM对象封装成一个jQuery对象
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JavaScript jQuery