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对象

varcr=document.getElementById("cr");//dom对象

var$cr=$(cr);//转换成jquery对象

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

var$cr=$("#cr");//jquery对象

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