JS/Jquery关系

1. JS / JQuery介绍

Jquery是JS库，何为JS库，即把常用的js方法进行封装，封装到单独的JS文件中，要用的时候直接调用即可；

2. JS ／ JQuery对象

1. 定义

(1) 、DOM对象： 用传统的方法(javascript)获得的对象；
(2) 、JQuery对象：用jQuery类库的选择器获得的对象；jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的

2.表示形式

(1) 、 DOM对象：

    <h3 id="" class="" > ... </h3>

(2)、 JQuery对象：

    [h3#ID名.Class名, context: document, selector: "ID/Class名"]

3.方法调用

(1) 、DOM对象可调用javascript的原生方法，但是不能调用JQuery的任何方法；

    DOM对象.style.color = "..."; 　
    DOM对象.innerHTML;

(2) 、JQuery对象可调用JQuery方法，但是不能调用javascript的任何方法；

    JQuery对象.css("color", "...");
    JQuery对象.html();

4.DOM对象和JQuery对象的转化

（1）、DOM对象转化为JQuery对象

    var cr=document.getElementById("cr"); //dom对象
    var $cr = $(cr); //转换成jquery对象

(2)、 JQuery对象转为DOM对象

    var $cr=$("#cr"); //jquery对象
    var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);