{"id":33020,"date":"2023-02-03T21:58:09","date_gmt":"2023-02-03T16:28:09","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/"},"modified":"2023-02-03T21:58:09","modified_gmt":"2023-02-03T16:28:09","slug":"solved-is-it-possible-to-code-in-jquery-in-a-js-file-js","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/","title":{"rendered":"[Solved] Is it possible to code in jQuery in a JS file? (.js)"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Option -1:<\/p>\n

Download the jquery file and store it in the directory of the project and add the script tag in your html file and then add second js file which you can write jquery<\/p>\n

<script src=\"https:\/\/stackoverflow.com\/questions\/37921952\/jquery.min.js\"><\/script>\n<script src=\"main.js\"><\/script>  \/\/Here you can write your custom js with jquery loaded first\n<\/code><\/pre>\n
Option -2 :<\/p>\n
First take the script file you want to add jquery into and add the following lines of code<\/p>\n
var script = document.createElement('script');\nscript.src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.12.2\/jquery.min.js\";\nscript.type=\"text\/javascript\";\ndocument.getElementsByTagName('head')[0].appendChild(script);\n<\/code><\/pre>\n
To test whether jquery actually loaded write this function in main.js file <\/p>\n
$(document).ready(function() {\n  console.log(\"Hello Jquery loaded in js file\");\n});\n<\/code><\/pre>\n
Suppose you are using main.js file then write the above 2 code snippets to implement and use the jquery  in js file.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            3<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Is it possible to code in jQuery in a JS file? (.js) <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Option -1: Download the jquery file and store it in the directory of the project and add the script tag in your html file and then add second js file which you can write jquery <script src=”https:\/\/stackoverflow.com\/questions\/37921952\/jquery.min.js”><\/script> <script src=”main.js”><\/script> \/\/Here you can write your custom js with jquery loaded first Option -2 : First … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[493,333,388],"class_list":["post-33020","post","type-post","status-publish","format-standard","hentry","category-solved","tag-file","tag-javascript","tag-jquery"],"yoast_head":"\n[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Option -1: Download the jquery file and store it in the directory of the project and add the script tag in your html file and then add second js file which you can write jquery <script src="https:\/\/stackoverflow.com\/questions\/37921952\/jquery.min.js"><\/script> <script src="main.js"><\/script> \/\/Here you can write your custom js with jquery loaded first Option -2 : First ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-03T16:28:09+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Is it possible to code in jQuery in a JS file? (.js)\",\"datePublished\":\"2023-02-03T16:28:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\"},\"wordCount\":118,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"file\",\"javascript\",\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\",\"name\":\"[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-02-03T16:28:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Is it possible to code in jQuery in a JS file? (.js)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb","og_description":"[ad_1] Option -1: Download the jquery file and store it in the directory of the project and add the script tag in your html file and then add second js file which you can write jquery <script src=\"https:\/\/stackoverflow.com\/questions\/37921952\/jquery.min.js\"><\/script> <script src=\"main.js\"><\/script> \/\/Here you can write your custom js with jquery loaded first Option -2 : First ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/","og_site_name":"JassWeb","article_published_time":"2023-02-03T16:28:09+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Is it possible to code in jQuery in a JS file? (.js)","datePublished":"2023-02-03T16:28:09+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/"},"wordCount":118,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["file","javascript","jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/","url":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/","name":"[Solved] Is it possible to code in jQuery in a JS file? (.js) - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-02-03T16:28:09+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-is-it-possible-to-code-in-jquery-in-a-js-file-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Is it possible to code in jQuery in a JS file? (.js)"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=33020"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33020\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=33020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=33020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=33020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}