Convert jQuery element to a regular dom element
A regular dom element is such as:
document.getElementById('a')
or
document.createElement('div')
But jQuery returns elements in another format, so for instance I'd like to convert what is returned by $('#a') to the same result as what is returned by document.getElementById('a')
Is this possible using jQuery?
thanks
You can reference the DOM element with .get(0) or [0], eg $('#foo')[0] assuming there is just one.
$('#a')[0]
// oops my answer is too short
That is what get() method was made for by JQuery team, consider:
var elem = $('#a')[0];
Or
var elem1 = $('#a').get(0);
var elem2 = document.getElementById('a');
alert(elem1 === elem2);
or longer version:
<!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>
加载中,请稍侯......
精彩评论