Use Jquery inside JS file?

Question

I have created an external JS file, this JS file contains some methodes that uses JQuery, i can't seem to find a way to refernece the JQuery file on JS file and user it there. Any help would be appreciated

Possible duplicate: http://stackoverflow.com/q/5577771/355512 — Damon Bauer, Sep 20 '12 at 14:25
Are you waiting for the document ready event in your external JS? — Corey, Sep 20 '12 at 14:25

score 3 · Answer 1 · answered Sep 20 '12 at 14:24

3

In your HTML file, include the jQuery file first and then your file:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="myfile.js"></script>

answered Sep 20 '12 at 14:24

Trevor

6,659
5
35
68

1

I want to use it inside the JS file not in the HTML file – ykh Sep 20 '12 at 14:29

score 3 · Accepted Answer · answered Sep 20 '12 at 14:43

Two things are important to reach your goal:

Include the javascript files. Include both files in your HTML via a script-tag, starting with jQuery to make sure it is loaded when used by your javascript.
Ensure jQuery. This is something way to less people tell you. If you write JS and jQuery for a long time, sooner or later you'll encounter a case where something is overwriting the $-variable. The $-variable is used by jQuery and everyone coding with it because of the obvious fact that it's just one char. However, jQuery doesn't have any "rights" or something for the $-variable, so basically anything or anyone could overwrite it. So I recommend your own javascript file looks like this:

(function($) { // your coding starts here. })(jQuery);

You probably already encountered this when dissecting jQuery plugins from people who know what they're doing. It creates an anonymous function that takes one parameter which will be know by $ inside the function. The function is then immediately called and hands over the jQuery function. This way you can be sure that, whatever happens outside this function, inside of it $ stands for jQuery.

score 0 · Answer 3 · answered Sep 20 '12 at 14:25

0

As long as you include the jQuery core in your HTML, the global jQuery object is available in any of your scripts. Is there a specific problem you're having?

answered Sep 20 '12 at 14:25

chrisfrancis27

4,516
1
24
32

I tried, i added the JQuery in the HTML but it seems to be not working inside the JS File – ykh Sep 20 '12 at 14:29
If you want to dynamically add the jQuery script from your JS file, rather than including it in the HTML, you need to create a ` – chrisfrancis27 Sep 20 '12 at 14:31

score 0 · Answer 4 · answered Sep 20 '12 at 14:29

You must write a piece of script (plain JS) that checks for the presence of jQuery, if not, it must append a script reference to the page pointing to a jQuery file (or Google CDN) to include jQuery. After that, you can use jQuery in the rest of your script.

I think it will involve some interval that checks wheter the jQuery object is present or not and waits with executing the rest of your code till that it the case.

Google for this, I'm sure there is something out there.

Use Jquery inside JS file?

4 Answers4