JQ对象和原生DOM对象

Posted 2020-10-04 程序猿-alvin

相同点：两者本质上都是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);