jQuery对象与DOM对象的相互转化

jQuery对象转化为DOM对象：

           (1) $("#btn")[0]

           (2) $(selector).get(index)；即$("#btn").get(0)；

DOM对象转化为jQuery对象：

           $(DOM元素节点)；   

//先获得DOM节点
var btn = getElementById("btn");
//将获得的DOM对象转化为jQuery对象
$(btn).click(function() {});

之前一直不明白为什么html5中audio的play()函数要在获取的jQuery对象后面加上[0]，今天算是搞明白了。

//判断type的值，type的值为2时，将会有语音播放
function audioPlay() {
  var type = $("#audio").data("type");
  console.log(type);
  if (type == 2) {
    $(".question_title").css("display","none");
    $("#audio").css("display","block");
    $("#audio").on("click",function() {
      //之前的写法，点击事件发生，没有反应。
      //$("#player").play();
      //下面是正确的带码
      $("#player")[0].play();
    })
      
  }
}

audio中的play()方法时操作DOM节点的方法，所以需要将获取的jQuery对象转化为DOM对象。

大家在日常中也要注意DOM对象与jQuery对象之间的区别。