码迷,mamicode.com
首页 > Web开发 > 详细

锋利的jQuery(1)——DOM对象与jQuery对象的转换

时间:2017-04-09 00:11:01      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:通过   var   文档   list   nbsp   bsp   doc   dom   log   

1、认识jQuery

  1. DOM对象:即文档对象模型
  2. jQuery对象:通过jQuery包装DOM对象后产生的对象。这是jQuery对象所特有的,在jQuery对象中无法使用DOM对象的任何方法,同时DOM对象也不能使用jQuery对象的方法。(这也是我自己在写代码的时候经常弄混的一条)
  3. DOM对象和jQuery对象的互换:一般的在jQuery对象前面加上$
    • jQuery对象转换成DOM对象:
      • Jquery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象
        //代码如下
          var $cr = $("#cr");  //Jquery对象
          var cr = $cr[0];        //DOM对象
      •  另外一种方法是Jquery本身提供的,通过get(idnex)方法得到相应的DOM对象
        //代码如下
          var $cr = $("#cr");  //Jquery对象
          var cr = $cr.get[0];        //DOM对象
        
    • DOM对象转换为Jquery对象
      • 对于DOM对象,只需要用$()把对象包装起来,就可以获得一个jQuery对象
        //代码如下
          var cr = document.getElementById("cr");  //DOM对象
          var $cr = $(cr);        //Jquery对象

锋利的jQuery(1)——DOM对象与jQuery对象的转换

标签:通过   var   文档   list   nbsp   bsp   doc   dom   log   

原文地址:http://www.cnblogs.com/cuteblackcat/p/6683368.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!