jquery使用原生js方法 js/jQuery对象互转

javascript原生有许多方法，jquery自己也有一套封装好的方法，jquery自己的选择器非常方便，但有时候我们需要 使用原生的一些方法，如果我们使用jquery选择元素，直接调用原生javascript的方法就会出现错误。例如我们要输出一张图片的宽度：

原生js：

javascript:
var dom1 = document.getElementById("pic").width;
alert(dom1)

jquery：

var dom2 = $("#pic").width();
alert(dom5)

html：

<img src="12.jpg" id="pic" alt="">

两
种方法都可以输出图片的宽度，但是当我们想使用jquery的选择器$("#pic")，并且使用原生width方法该怎么办呢？如果直
接$("#pic").width是会出错的。原因是$("#pic")得到的是jquery对象，而原生width方法是DOM的属性，所以需要转化一
下：

$("#pic")[0].width 或 $("#pic").get[0].width

// jquery对象转js对象
$('#id')[0]
// js对象转jquery对象
var obj = document.getElementById('id');
$(obj)