{"id":25510,"date":"2022-12-10T15:14:17","date_gmt":"2022-12-10T09:44:17","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/"},"modified":"2022-12-10T15:14:17","modified_gmt":"2022-12-10T09:44:17","slug":"solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/","title":{"rendered":"[Solved] I am trying to figure out below javascript and what it does"},"content":{"rendered":"

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

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

So let’s go over this piece by piece.<\/p>\n

The $<\/code> is usually a reference to jQuery (https:\/\/jquery.com\/<\/a>) which is a library of a lot of really useful JavaScript functions and things.<\/p>\n

$(document)\n<\/code><\/pre>\n
This is what’s known as a jQuery selector<\/code>. Essentially it locates whatever you put into it, and wraps it in a jQuery<\/code> object that lets you call various functions on it. In this case, it’s wrapping the entire document.<\/p>\n
$(document).ready\n<\/code><\/pre>\n
The ready<\/code> function registers a jQuery<\/code> event handler that will be triggered when the element (in this case the document, I’m not sure if it can be added to other elements) has completed loading. In this case, the callback function you pass into it will run as soon as the entire webpage has loaded and is ready to begin processing. If you don’t do this, your JavaScript will execute immediately as it is parsed, which could cause problems if not all of your DOM is ready.<\/p>\n
$(document).ready(function(){\n    ...\n});\n<\/code><\/pre>\n
This declares an anonymous function<\/a> that is passed in as the first parameter to the ready<\/code> function. The contents of the function will be run as soon as the document is ready (as soon as the ready<\/code> event has been triggered).<\/p>\n
console.log('Hello World!');\n<\/code><\/pre>\n
This will output the text Hello World!<\/code> to the console. In the case of a browser, it will show up in the browser console.<\/p>\n
$(document).ready(function(){\n    console.log('Hello World!');\n});\n<\/code><\/pre>\n
So this code will print the text Hello World!<\/code> to the browser console when the DOM, or web page, has finished loading and is ready to execute.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved I am trying to figure out below javascript and what it does <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] So let’s go over this piece by piece. The $ is usually a reference to jQuery (https:\/\/jquery.com\/) which is a library of a lot of really useful JavaScript functions and things. $(document) This is what’s known as a jQuery selector. Essentially it locates whatever you put into it, and wraps it in a jQuery … 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":[333,388],"class_list":["post-25510","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript","tag-jquery"],"yoast_head":"\n[Solved] I am trying to figure out below javascript and what it does - 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-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] I am trying to figure out below javascript and what it does - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] So let’s go over this piece by piece. The $ is usually a reference to jQuery (https:\/\/jquery.com\/) which is a library of a lot of really useful JavaScript functions and things. $(document) This is what’s known as a jQuery selector. Essentially it locates whatever you put into it, and wraps it in a jQuery ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-10T09:44:17+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-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] I am trying to figure out below javascript and what it does\",\"datePublished\":\"2022-12-10T09:44:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\"},\"wordCount\":271,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\",\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\",\"name\":\"[Solved] I am trying to figure out below javascript and what it does - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-10T09:44:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] I am trying to figure out below javascript and what it does\"}]},{\"@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=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] I am trying to figure out below javascript and what it does - 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-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] I am trying to figure out below javascript and what it does - JassWeb","og_description":"[ad_1] So let’s go over this piece by piece. The $ is usually a reference to jQuery (https:\/\/jquery.com\/) which is a library of a lot of really useful JavaScript functions and things. $(document) This is what’s known as a jQuery selector. Essentially it locates whatever you put into it, and wraps it in a jQuery ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/","og_site_name":"JassWeb","article_published_time":"2022-12-10T09:44:17+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-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] I am trying to figure out below javascript and what it does","datePublished":"2022-12-10T09:44:17+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/"},"wordCount":271,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript","jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/","url":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/","name":"[Solved] I am trying to figure out below javascript and what it does - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-10T09:44:17+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-i-am-trying-to-figure-out-below-javascript-and-what-it-does\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] I am trying to figure out below javascript and what it does"}]},{"@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=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","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\/25510","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=25510"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/25510\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=25510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=25510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=25510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}