jq---> jq与js的区别

一、jQuery对象 与 Dom对象的区别,以及相互转换的关系。

       含义:jQuery对象就是 通过jQuery 包装Dom对象后产生的对象。

     jQuery对象是jQuery独有的,然后就可以进行使用jQuery里面的方法:

  jQuery中的方法:

     .html()  是jquery的方法。

     $('#test').html()  获取ID 为test的元素内的html代码

  Dom中的写法:

      document.getElementById('id').innerHTML;

  注意问题1: 虽然JQuery对象是包装DOM对象后产生的,

        但是jQuery无法使用Dom对象里面的所有方法。

        同样: Dom也不可以使用jQuery里面的方法。相互乱使用会报错。

、    问题2: 用#id 作为选择符取得的是jquery 对象  与 document.getelementById('id')得到的Dom对象,这两种并不等价。

两种对象进行相互转换。

将JQuery对象转换成DOM对象:  [index]  和 .get(index);

    (一)JQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

    例:var $v = $('#v');

      var v = $v[0];  //转换成DOM对象

      aleat(v.checked)   //检查这个chekbox是否被选中

    (二) 通过.get(inde)方法,得到相应的DOM对象。

1 例:var $v = $('#v');
2       var v = $v.get(0);  //转换成DOM对象
3       aleat(v.checked)   //检查这个chekbox是否被选中

将DOM对象转换成Jquery对象:

对于已经是Dom对象,只需要用$() 把Dom对象包装起来,就可以获得一个jquery对象了。

          var v = document.getelectmentById('v');

      var  $v = $(v);  //jquery对象。

二、点击事件

dom 的 事件 加on

jq  的事件  不加 on

三、

1.选择器对js的设置进行封装

2.选择器权重问题

3.方法以及选择器的操作。

4.两者实现的动态效果:

 

posted @ 2020-11-02 14:01  诗亦0615  阅读(252)  评论(0)    收藏  举报