简洁语言搞懂JS对象和jQuery对象的区别和联系

JS对象和jQuery对象

1、JS对象和jQuery对象的区别：

1. js对象是通过dom操作获取的对象，指的是页面上的一个标签对象；
2. jQuery对象是通过jQuery的手段获取到的一个类数组对象，里边包含的有JS对象；

2、JS对象和jQuery对象互转；

1. JS对象转jQuery对象：

<script type="text/javascript">
  	//获取dom对象
	var jsObj = document.getElementById("inpId");
	//将dom对象转化成jQuery对象
	var jqObj = $(jsObj);
</script>

2. jQuery对象转化成JS对象：

<script type="text/javascript">
	//获取jQuery对象
	var jqObj = $("#inpId");
  	//将jQuery对象转化成JS对象
  	//方式一：
  	var jsObj1 = $inp[0];
    //方式二：
  	var jsObj2 = $inp.get(0);
 
</script>

3、注意事项：

JS对象和jQuery对象的方法和属性不能混用：

1. jQuery对象不能使用JS对象的方法；
2. JS对象不能使用jQuery对象的方法；