JQuery学习之旅（3）

JQuery学习之旅（3）–jQuery对象转化成DOM对象

  JQuery库的本质还是javascript，只是对javascript的封装，方便dom处理，我们可以实用jQuery代码同时使用javascript原生代码， 注意：如果使用JQuery对象自己的方法， 必须是通过JQuery生成的 很多时候， 我们JQuery和Dom相互转换它们都是操作的DOM元素。 JQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。

Insert title here


    元素一
    元素二
    元素三
    
        var $div = $('div');   //JQuery对象
        var div = $div[0];     //转化为DOM对象
        div.style.color='red';  //操作DOM对象属性
    

效果如下： 可以看到只有第一个元素的属性改变了。 通过$div[0] 是因为JQuery对象是一个类数组对象 通过索引获取第一个元素，转化为DOM对象，并对DOM对象的属性进行操作。 注意: JQuery对象前有一个$ : $div; 引入JQuery库：

        var $div = $('div');   //JQuery对象
        var div = $div[0];     //转化为DOM对象
        div.style.color='red';  //操作DOM对象属性
    

通过JQuery自身的方法获取DOM对象

通过$div.get(0)获div对象：

    
        var $div = $('div');   //JQuery对象
        var div = $div.get(0);     //通过get(), 转化为DOM对象
        div.style.color='blue'; //操作DOM对象属性