Dom对象与jQuery对象区别与相互转换
1、概念
1.1、Dom对象
Dom对象,即文档对象模型,通过Dom,我们可以访问所有HTML的元素,包括他们的文本和属性。可以对其中的内容进行修改和删除,还可以创建新元素。Dom对象无法无法使用jQuery对象中的方法。
实例:
var Obj = document.getElementById(“id”);
1.2、jQuery对象
jQuery对象实际是JavaScript的一个数组,是通过jQuery包装Dom对象后产生的对象,可以使用jQuery对象中的方法,但并不能使用Dom中的方法。
实例:
var $obj = $("#id");
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d9924b9a6c4d3d9ff756ca6619f168fd.png)
2、相互转换
2.1、jQuery对象转成Dom对象
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9742f07bb658c777189eac62dfb1d066.png)
2.2、Dom对象转换成jQuery对象
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/532756b9f565edc5dd7872f96d456381.png)