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

Question

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

zjm*_*126 14 javascript jquery

常规的dom元素如下:

document.getElementById('a')

要么

document.createElement('div')

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

这可能使用jQuery吗？

谢谢

Answer 1

med*_*iev 27

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

Answer 2

Ana*_*ran 5

$('#a')[0]

Run Code Online (Sandbox Code Playgroud)

//糟糕，我的答案太短了

Answer 3

Sar*_*raz 5

这就是JQuery团队使用的get（）方法，请考虑：

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

Run Code Online (Sandbox Code Playgroud)

要么

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

Run Code Online (Sandbox Code Playgroud)

或更高版本：

<!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>

Run Code Online (Sandbox Code Playgroud)

这确实应该是选定的答案。当你使用===（关系运算符）时，它真的让我明白了。谢谢！ (2认同)

归档时间：	15 年，5 月前
查看次数：	6836 次
最近记录：	11 年，2 月前