问答详情
源自:2-1 jQuery选择器之id选择器

JQ选择器和JQ对象

DOM对象转化为JQ对象的过程是不是简化为JQ选择器?

例如

var div = document.getElementsByTagName('div');
$(div)

和元素选择器里面的$('div')有何区别?看起来效果都是一样的,求指点

提问者:qq_慕容925192 2019-01-03 15:12

个回答

  • Sillylove松梓闻风
    2019-01-10 15:50:59

    实际开发中,jq用的很多,jq对象不能调用原生js操作方法,DOM对象当然也不能调用jq的方法,有时候我们可以用到jq对象和jsDOM对象的相互转换。

      在jq中,只需要调用[index]和get(index)方法即可将jq对象转换为DOM对象。DOM对象只需调用jq的$()方法即可包装为jq对象:

      jq对象转换为dom对象

    var domObj = $("#div")[0];2 domObj.innerHTML = "将jq对象转化为dom对象并调用相关方法"

     

      dom对象转换为jq对象

    var domObj = document.getElementById("div");2 var $obj = $(domObj);3 $obj.html("dom对象转换为jq对象后调用jq方法")
    var $obj = $(domObj);3 $obj.html("dom对象转换为jq对象后调用jq方法")
    $obj.html("dom对象转换为jq对象后调用jq方法")