how to include jquery in another javascript file [duplicate]

Answer 1

If you want to include a js file into a js file... javascript does not have something like an include function but you can load the file with an ajax request or add a script tag to the html with js. Check out the following link, a really interesting read!

How do I include a JavaScript file in another JavaScript file?

Answer 2

I suggest you to use a line of code inside your java script library.

document.write("Script/jquery.min.js'></script>");

with the help of this, you do not need to add references of two files on your page.

Answer 3

Simply include the JavaScript for jQuery before you include your own JavaScript:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="path/to/your/script.js"></script>

Though others have suggested simply copying and pasting jQuery into your own JavaScript file, it's really better to include jQuery separately from a canonical source as that will allow you to take advantage of the caching that your browser and intermediate servers have done for that file.

Answer 4

Just merge the files.

cat jquery.js >> a_javascript_file.js

Or, since you probably want jQuery first:

cat a_javascript_file.js jquery.js > tmp.js;
mv tmp.js a_javascript_file.js

Answer 5

var jq = document.createElement("script");

jq.addEventListener("load", proceed); // pass my hoisted function
jq.src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js";
document.querySelector("head").appendChild(jq);

function proceed () {
    // jQuery load complete, do your magic


}