首页 > 技术文章 > JQ对象和原生DOM对象

alvin553819 2017-08-31 11:19 原文

相同点:两者本质上都是DOM元素。

不同点:JQ对象是在原生DOM对象上进行了一次封装,使开发人员使用起来更简洁、高效。

    两者之间用法也完全不同,很说初学者经常混淆。

    其实区分两者并不难,

    1、语法不一样,JQ对象都是以$开头的,API也不一样(具体请查询JQ手册)。

         比如:$('#a').html()    //这样写就可以拿到id 叫 a里面的内容。

      如果   $('#a').innerHTML  // 这样写就会报错,而且拿不到任何内容,原因就是$('#a')是JQ对象,而innerHTML是原生DOM的方法,两个不能互用。

    2、原生DOM对象只需要前面加上$便能转化为JQ对象,而JQ对象转换成DOM对象:[index]和.get(index);


推荐阅读