首页 > 建站教程 > JS、jQ、TS >  jQuery对象和dom对象互转正文

jQuery对象和dom对象互转

1、jQuery对象转Dom对象：
  (1)jQuery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象：
    var $cr = $("#cr");    //jQuery对象
    var cr = $cr[0];       //dom对象
    alert(cr.checked);     //检测这个checkbox是否被选中。
  (2)另一种方法是jQuery本身提供的，通过get(index)方法得到相应的dom对象：
    var $cr = $("#cr");    //jquery对象
    var cr = $cr.get(0);   //dom对象
    alert(cr.checked)      //检测这个checkbox是否被选中。
  注：为什么是数组：因为如果jQuery是class选择器或者html节点，就有可能是多个，索引是几，就返回第几个。
2、dom对象转jQuery对象
  对于一个DOM对象，只需要用$()把dom对象包装起来，就可以获得一个jQuery对象了。方式为$(dom对象)
  var cr = document.getElementById("cr"); //dom对象
  var $cr = $(cr);  //jQuery对象。
jQuery.noConflict(); //当引入了出jQuery之外还有别的库，都用了$符，使用这句话就是jQuery放弃使用$的权限。这样可以定义一个符号替换$，就不会冲突，如下：
    jQuery.noConflict();
    var $$ = jQuery;
    $(function(){
        alert($$("#box").width());
    })

TAGS: jQuery  对象  和  dom  互转  、  jQuery  对象  转  Dom  对