Chrome developer tools - console.log native code JS

Question

I'm trying to follow this tutorial:

https://www.youtube.com/watch?v=2zmUSoVMyRU

And at the beginning he is typing in commands in the console such as

$('a')

which appears to be returning all the a tags in the dom. When I do this on my website, I get

TypeError: $ is not a function(…)

I also get this when running console.log as a command

function Function() { [native code] }

Im wondering is there something I have missed completely with dev tools, or is it that there might be some problem with my website overwriting the console.log function (i use wordpress)?

There is also a comment at the bottom where a user is having a similar problem (undefined errors), but it doesnt seem they resolve it.

Wasiq Muhammad · Accepted Answer · 2016-02-18 11:58:49Z

2

Use like this.It can show you all the a tags in the dom

$$('a')

answered Feb 18, 2016 at 11:58

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

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

3 Comments

Ke. Over a year ago

hmm why when he does it in the vid, does he only use $ instead of $$?

adarsh Over a year ago

Well you don't have jQuery installed, $ comes from jQuery

Ke. Over a year ago

hmm I do have it installed though? it does appear to be working in my html code, but just not in the console?

AlfaTeK · Accepted Answer · 2016-02-18 12:01:54Z

2

A quick alternative on chrome dev tools is just to use:

$$('a')

Just to add an explanation: $('a') is using the jquery library which is a piece of JS you have to include in you site. So it will only work on dev tools if the website has jquery included. In your case it doesn't work because of that.

$$ is something built in on chrome dev tools and it will always work, no mater if jquery is included in your website or not.

About console.log you can't just type 'console.log', you have to use it like this: console.log('log my message');

So it needs to be a function call where you pass a string argument that you want to get printed out on chrome dev tools console

answered Feb 18, 2016 at 12:01

AlfaTeK

7,87514 gold badges53 silver badges92 bronze badges

Collectives™ on Stack Overflow

Chrome developer tools - console.log native code JS

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related