{"id":643,"date":"2014-07-11T05:29:58","date_gmt":"2014-07-11T05:29:58","guid":{"rendered":"http:\/\/www.siriinnovations.com\/blog\/?p=643"},"modified":"2019-04-10T14:40:54","modified_gmt":"2019-04-10T09:10:54","slug":"use-jquery","status":"publish","type":"post","link":"https:\/\/siriinnovations.com\/blog\/use-jquery\/","title":{"rendered":"How to use jQuery?"},"content":{"rendered":"<p><strong>Introduction:<\/strong><\/p>\n<p>jQuery is not a language, but it is a well written JavaScript code. It is fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In order to work with jQuery, you should be aware of the basics of JavaScript, HTML and CSS.<\/p>\n<p><strong>Why jQuery:<\/strong><\/p>\n<ul>\n<li>It helps to improve the performance of the application.<\/li>\n<li>It helps to develop most browser compatible web page.<\/li>\n<li>It helps to implement UI related critical functionality without writing hundreds of lines of codes.<\/li>\n<li>It is extensible \u2013 jQuery can be extended to implement customized behavior.<\/li>\n<li>No need to learn fresh new syntaxes to use jQuery, knowing simple JavaScript syntax is enough.<\/li>\n<\/ul>\n<p><strong>How to use jQuery?:<\/strong><\/p>\n<ul>\n<li>jQuery JavaScript file can be downloaded from jQuery <a title=\"http:\/\/www.jquery.com\/\" href=\"http:\/\/www.jquery.com\/\">Official website<\/a>.<\/li>\n<li>To load jquery file<\/li>\n<\/ul>\n<blockquote>\n<pre class=\"code\" lang=\"js\">&lt;script type=\"text\/javascript\" src=\"jquery-1.10.2.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<\/blockquote>\n<p><strong>Load jQuery from CDN:<\/strong><\/p>\n<p>A jQuery file can be loaded from <a title=\"http:\/\/code.google.com\/apis\/libraries\/devguide.html\" href=\"http:\/\/code.google.com\/apis\/libraries\/devguide.html\">Google CDN<\/a>. You will need to keep the following tag in your page.<\/p>\n<blockquote>\n<pre class=\"code\" lang=\"js\">&lt;script type=\"text\/javascript\" language=\"Javascript\" \r\n        src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"&gt;\r\n&lt;\/script&gt;<\/pre>\n<\/blockquote>\n<p><strong>How to load local jQuery file when CDN is not available:<\/strong><\/p>\n<blockquote>\n<pre class=\"code\" lang=\"js\"><code>&lt;script src=\"https\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"&gt;&lt;\/script&gt; \r\n&lt;script&gt; window.jQuery || document.write('&lt;script src=\"\/scripts\/jquery.1.10.2.min.js\"&gt;&lt;\\\/script&gt;')&lt;\/script&gt; \r\n<\/code><\/pre>\n<\/blockquote>\n<p><strong>How to execute jQuery code?:<\/strong><\/p>\n<ul>\n<li>As and when page loads, execute the jQuery code:<\/li>\n<\/ul>\n<blockquote>\n<pre class=\"code\" lang=\"js\">&lt;script language=\"javascript\" type=\"text\/javascript\"&gt;\r\n$(function () {\r\n$(\"#div1\").css(\"border\", \"2px solid green\");\r\n});\r\n&lt;\/script&gt;<\/pre>\n<\/blockquote>\n<ul>\n<li>Execute jQuery only when the complete DOM objects (the complete page has been loaded). You will have to wrap your code in <em>.ready<\/em> function.<\/li>\n<\/ul>\n<blockquote>\n<pre class=\"code\" lang=\"js\">&lt;script language=\"javascript\" type=\"text\/javascript\"&gt;\r\n$(document).ready(function () {\r\n$(\"#div1\").css(\"border\", \"2px solid green\");\r\n});\r\n&lt;\/script&gt;<\/pre>\n<\/blockquote>\n<pre id=\"pre6\"><strong>References:\r\n<a href=\"http:\/\/jquery.com\/\">http:\/\/jquery.com\/<\/a>\r\n<\/strong><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: jQuery is not a language, but it is a well written JavaScript code. It is fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In order to work with jQuery, you should be aware of the basics of JavaScript, HTML and CSS. Why [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":1037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,1,5,6],"tags":[],"class_list":["post-643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-general","category-jquery","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to use jQuery? - Siri Innovations<\/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:\/\/siriinnovations.com\/blog\/use-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use jQuery? - Siri Innovations\" \/>\n<meta property=\"og:description\" content=\"Introduction: jQuery is not a language, but it is a well written JavaScript code. It is fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In order to work with jQuery, you should be aware of the basics of JavaScript, HTML and CSS. Why [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Siri Innovations\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-11T05:29:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-10T09:10:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"241\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yuva kumar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yuva kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\"},\"author\":{\"name\":\"Yuva kumar\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\"},\"headline\":\"How to use jQuery?\",\"datePublished\":\"2014-07-11T05:29:58+00:00\",\"dateModified\":\"2019-04-10T09:10:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\"},\"wordCount\":211,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg\",\"articleSection\":[\"Development\",\"General\",\"jQuery\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\",\"url\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\",\"name\":\"How to use jQuery? - Siri Innovations\",\"isPartOf\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg\",\"datePublished\":\"2014-07-11T05:29:58+00:00\",\"dateModified\":\"2019-04-10T09:10:54+00:00\",\"author\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\"},\"breadcrumb\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/siriinnovations.com\/blog\/use-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage\",\"url\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg\",\"contentUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg\",\"width\":540,\"height\":241,\"caption\":\"Leverage\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/use-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/siriinnovations.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use jQuery?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#website\",\"url\":\"https:\/\/siriinnovations.com\/blog\/\",\"name\":\"Technical blog from Siri Innovations\",\"description\":\"Innovative like no other\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/siriinnovations.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\",\"name\":\"Yuva kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g\",\"caption\":\"Yuva kumar\"},\"url\":\"https:\/\/siriinnovations.com\/blog\/author\/yuvakumar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use jQuery? - Siri Innovations","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:\/\/siriinnovations.com\/blog\/use-jquery\/","og_locale":"en_US","og_type":"article","og_title":"How to use jQuery? - Siri Innovations","og_description":"Introduction: jQuery is not a language, but it is a well written JavaScript code. It is fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In order to work with jQuery, you should be aware of the basics of JavaScript, HTML and CSS. Why [&hellip;]","og_url":"https:\/\/siriinnovations.com\/blog\/use-jquery\/","og_site_name":"Siri Innovations","article_published_time":"2014-07-11T05:29:58+00:00","article_modified_time":"2019-04-10T09:10:54+00:00","og_image":[{"width":540,"height":241,"url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","type":"image\/jpeg"}],"author":"Yuva kumar","twitter_misc":{"Written by":"Yuva kumar","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#article","isPartOf":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/"},"author":{"name":"Yuva kumar","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0"},"headline":"How to use jQuery?","datePublished":"2014-07-11T05:29:58+00:00","dateModified":"2019-04-10T09:10:54+00:00","mainEntityOfPage":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/"},"wordCount":211,"commentCount":0,"image":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","articleSection":["Development","General","jQuery","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/siriinnovations.com\/blog\/use-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/","url":"https:\/\/siriinnovations.com\/blog\/use-jquery\/","name":"How to use jQuery? - Siri Innovations","isPartOf":{"@id":"https:\/\/siriinnovations.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage"},"image":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","datePublished":"2014-07-11T05:29:58+00:00","dateModified":"2019-04-10T09:10:54+00:00","author":{"@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0"},"breadcrumb":{"@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/siriinnovations.com\/blog\/use-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#primaryimage","url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","contentUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","width":540,"height":241,"caption":"Leverage"},{"@type":"BreadcrumbList","@id":"https:\/\/siriinnovations.com\/blog\/use-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/siriinnovations.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use jQuery?"}]},{"@type":"WebSite","@id":"https:\/\/siriinnovations.com\/blog\/#website","url":"https:\/\/siriinnovations.com\/blog\/","name":"Technical blog from Siri Innovations","description":"Innovative like no other","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/siriinnovations.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0","name":"Yuva kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g","caption":"Yuva kumar"},"url":"https:\/\/siriinnovations.com\/blog\/author\/yuvakumar\/"}]}},"jetpack_featured_media_url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/21.jpg","_links":{"self":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":11,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/643\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/643\/revisions\/1174"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/media\/1037"}],"wp:attachment":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/media?parent=643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/categories?post=643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/tags?post=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}