Strange behavior with JQuery and Vuejs

Question

I am using VueJS and jQuery with following dependencies. Can someone explain why the result is true in one place and false in other?

"dependencies": {
    "bootstrap": "^4.3.1",
    "bootstrap-vue": "^2.1.0",
    "core-js": "^3.3.2",
    "jquery": "^3.4.1",
    "vue": "^2.6.10"
 }

Answer 1

You can not compare if two jQuery objects are the same. But you can compare DOM objects.

To know more about the comparison of jQuery object you can have a look at this Stackoverflow Answers

This link also has an explanation

Answer 2

The dollar '$' in the console isn't jQuery. It's unable to access jQuery because it's not in the global scope. Besides, when comparing two jQuery objects, they always return false because they are not equal. In the console, because two objects aren't jQuery objects, they are both null instead, thus they are equal.