将 jQuery 元素转换为常规 dom 元素答案

【问题标题】：Convert jQuery element to a regular dom element将 jQuery 元素转换为常规 dom 元素
【发布时间】：2014-06-12 19:10:33
【问题描述】：

一个常规的dom元素是这样的：

document.getElementById('a')

或

document.createElement('div')

但是 jQuery 以另一种格式返回元素，所以例如我想将 $('#a') 返回的内容转换为与 document.getElementById('a') 返回的结果相同的结果

这可以使用 jQuery 吗？

谢谢

【问题讨论】：

你能澄清你的问题吗？

标签： javascript jquery

【解决方案1】：

您可以使用.get(0) 或[0] 引用DOM 元素，例如$('#foo')[0] 假设只有一个。

【讨论】：

【解决方案2】：

$('#a')[0]

//哎呀我的回答太短了

【讨论】：

【解决方案3】：

这就是 get() 方法是由 JQuery 团队制作的，请考虑：

var elem = $('#a')[0];

或者

var elem1 = $('#a').get(0);
var elem2 = document.getElementById('a');
alert(elem1 === elem2);

或更长的版本：

<!DOCTYPE HTML>
<html>
<body>   
<a id='a'></a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
  <script>

    var elem1 = $('#a').get(0);
    var elem2 = document.getElementById('a');
    alert(elem1 === elem2);

  </script>  
</body>
</html>

【讨论】：

这确实应该是选择的答案。当您使用 === （关系运算符）时，它真的把它带回家了。谢谢！