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);