DOM object not becoming a jQuery object

Question

How come I cannot make $(frame) a jQuery object in the below case? Below is my output from chrome developer tools.

console: mainFrame
output: <frame src="http://someurl.com" name="mainFrame">
console: $(mainFrame).contents()
output: SyntaxError: Failed to execute 'querySelector' on 'Document': '[object HTMLFrameElement]' is not a valid selector.

Edit:

to respond to comments...

$.toString()
"function $(selector, [startNode]) { [Command Line API] }"

typeof(mainFrame)
"object"

jQuery
ReferenceError: jQuery is not defined

What is the output of $.toString() and typeof mainFrame? — plalx
– plalx, Commented Mar 19, 2014 at 11:58
I think the problem is that this is a frame tag and if you're not on the same domain then it is a security violation. If you are you might still need to add some context like the following: $('#myselector',top.frames["mainFrame"].document).contents(); — Chris B
– Chris B, Commented Mar 19, 2014 at 12:10
I don't think $ is jQuery here, try jQuery(mainFrame).contents() — Musa
– Musa, Commented Mar 19, 2014 at 12:26
It looks like jQuery doesn't support frame elements: forum.jquery.com/topic/… — Johan
– Johan, Commented Mar 19, 2014 at 12:39

Aegis · Accepted Answer · 2014-03-19 14:04:23Z

16

jQuery doesn't seem to be included in your document. Some browsers set $ to querySelector by default (which is a native way to select elements of the DOM using css-like syntax), thereby your error message. Try adding

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

answered Mar 19, 2014 at 14:04

Aegis

1,78911 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Maximus S Over a year ago

This was the answer. Thank you!

Touseef Murtaza · Accepted Answer · 2019-06-20 10:51:41Z

1

Looks like jQuery is not included into the DOM, try to include jQuery either by CDN or add standalone jQuery into the DOM.

You can confirm the jQuery installation by typing $ into the browser inspect tab. If the output is something like

> $
ƒ (e,t){return new x.fn.init(e,t,r)}

then jQuery added successfully.

answered Jun 20, 2019 at 10:51

Touseef Murtaza

1,99619 silver badges22 bronze badges

Comments

Mohammad Usman · Accepted Answer · 2020-05-04 17:24:27Z

0

Try

$(frame).contents();

Or

$("html", frame);

not sure which one will work.

edited May 4, 2020 at 17:24

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

answered Mar 19, 2014 at 14:05

eyurdakul

9122 gold badges12 silver badges29 bronze badges

Collectives™ on Stack Overflow

DOM object not becoming a jQuery object

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related