Loading...

Search jQuery

Search

jQuery Forum

Getting Started

john-chacko

native this and jquery this

in Getting Started • 11 years ago

This should have discussed earlier.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("body").find("div").each(function (index) {
console.log(this); //native html element div.
//We cannot call jquery methods on this.
console.log($(this)); //array of jquery objects. //My question is why this is an array.
//can I get a sample where this arrays length > 1
console.log($(this)[0]); // native html element div.
});
});
</script>
</head>
<body>
<div>
<span>Div 1</span>
</div>
<div>
<span>Div2</span>
</div>
<div>
<span>Div 3</span>
</div>
</body>
</html>

1

Replies(1)

jakecigar

Re: native this and jquery this

11 years ago

$(this) is not an Array. It looks like an array sometimes, and to some browsers’ console.log it even smells like an array.

$(this) is a single element wrapped in a jQuery wrapper Object, which has a length property and permits simple indexing.

var x={0:’pancake’,length:1} // is an Object, not an Array, but sure smells like an Array to some.

JΛ̊KE