现在的位置: 首页 > 综合 > 正文

jQuery对象和Javascript对象相互转换

2016年08月19日 ⁄ 综合 ⁄ 共 803字 ⁄ 字号 评论关闭

1. DOM 对象转成 jQuery 对象

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

  如: var v = document.getElementById(“v”); //DOM对象

  var $v = $(v); //jQuery 对象

  转换后,就可以任意使用 jQuery 的方法。

    var dlNode = document.createElement('dl');
    dlNode.id = data.id;

    $.data(dlNode, 'program', data);//DOM对象存储数据

    $(dlNode).data('program', data);//jQuery对象存储数据

    因此,this就是JavaScript对象,而$(this)就是jQuery对象。

    $(this).parent().data('program');//jQuery对象读取数据

    $.data(this.parentNode, 'program');//DOM对象读取数据

2. jQuery 对象转成 DOM 对象

  两种转换方式讲一个 jQuery 对象转换成 DOM 对象: [index] 和 .get(index);

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

  如: var $v = $(“#v”); //jQuery 对象

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

  alert(v.checked); //检测这个checkbox是否被选中

  (2) jQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象

  如:var $v = $(“#v”); //jQuery 对象

  var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )

  alert(v.checked); //检测这个 checkbox 是否被选中

抱歉!评论已关闭.