jQuery对象和DOM对象

1.jQuery对象

jQuery对象是通过jQuery包装DOM对象后产生的对象

jQuery对象是jQuery独有的，拥有jQuery里独有的方法

<div id="dd">
	人丑就要多读书
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
  console.log(document.getElementById('dd'));
  $(function(){
  	console.log($('#dd'));
  })
</script>

运行的结果：

注：jQuery对象中无法使用DOM对象的任何方法。

       DOM对象也不能使用jQuery里面的方法。

2.jQuery对象和DOM对象的相互转化

（1）、jQuery提供了两种方法将一个jQuery对象转换成DOM对象

代码：

<script>
  $(function(){
  	//方法一
  	console.log($('#dd')[0]);
  	//方法二
  	console.log($('#dd').get(0));
  })
</script>

运行的结果：

（2）、DOM对象转化成jQuery对象。

只需要把DOM对象包装起来，既可以获得一个jQuery对象了。

代码：

<script>
  $(function(){
  	var dd=document.getElementById('dd')
  	console.log($(dd));
  })
</script>

运行结果：