How can I test jQuery code in the browser console?

Question

I want to test if my jQuery code is sound. So I thought I just enter the code in the browser console. I use Mozilla Firefox.

I want to test if I can select ids and that stuff.

But when I enter:

$("#testId")

I get the following error:

Uncaught SyntaxError: private names aren't valid in this context

Are the elements that I want to access private? What does that mean and why is that?

Possible duplicate - https://stackoverflow.com/questions/7474354/include-jquery-in-the-javascript-console — Erica, Apr 30 '22 at 20:12
Which site? How have you included the jquery source? Did you try the linked answer? — General Grievance, May 01 '22 at 23:45

score 3 · Answer 1 · answered Apr 30 '22 at 21:14

3

just type

console.log($("#testId"));

answered Apr 30 '22 at 21:14

jvk

2,133
3
19
28

score 2 · Answer 2 · answered May 01 '22 at 00:50

In case you dont have access to jQuery in console (window/document).

You can add the jQuery script to DOM directly from console by creating and appending the script to body:

let s = document.createElement('script')
s.setAttribute('src','https://code.jquery.com/jquery-3.6.0.min.js')
document.getElementsByTagName('body')[0].appendChild(s)

And now eg get the jQuery version:

console.log(jQuery.fn.jquery)

score 1 · Answer 3 · answered Apr 30 '22 at 21:10

follow these steps to test & practice JQuery in your console: first, use the browser debugger tool to inspect any element in your browser, view the source code, e.g like classNames and id'

Next, now use the jQuery syntax to select it example $(".className") or $("#ids"),

score 1 · Answer 4 · answered May 01 '22 at 00:39

1

Try something like this

<div id="testId">hi user1664377</div>

then

console.log($("#testId").text()); // you will see "hi user1664377" in console

answered May 01 '22 at 00:39

Joukhar

724
1
3
18

so I cannot do that in the browser console? Can you tell me why? – user1664377 May 01 '22 at 10:15

Hicran ertuğral · Answer 5 · 2023-07-31T07:48:17.450

0

maybe this can be tried.

let script = document.createElement("script");
script.src=`https://code.jquery.com/jquery-3.6.0.min.js`;
document.head.appendChild(script);

edited Jul 31 '23 at 07:48

answered Jul 31 '23 at 07:47

Hicran ertuğral

1
2

How can I test jQuery code in the browser console?

5 Answers5