{"id":98,"date":"2014-05-09T11:05:00","date_gmt":"2014-05-09T10:05:00","guid":{"rendered":"https:\/\/debuggersspace.com\/index.php\/2014\/05\/09\/difference-between-javascript-and-jquery\/"},"modified":"2014-05-09T11:05:00","modified_gmt":"2014-05-09T10:05:00","slug":"difference-between-javascript-and-jquery","status":"publish","type":"post","link":"https:\/\/debuggersspace.com\/index.php\/2014\/05\/09\/difference-between-javascript-and-jquery\/","title":{"rendered":"Difference between JavaScript and jQuery?"},"content":{"rendered":"
\n
\n \t<\/i> Read Time:<\/span>1 Minute, 15 Second <\/div>\n\n <\/div>
\n
\n<\/div>\n
    \n
  •  JQuery is, a library of JavaScript code. <\/span><\/li>\n
  • JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.<\/span><\/li>\n
  • JavaScript is a language. jQuery is a library built with JavaScript to help JavaScript programmers who are doing common web tasks.<\/span><\/li>\n
  • jQuery was written using JavaScript, and is a library to be used by JavaScript.<\/span><\/li>\n
  • jQuery is a multi-browser (cf. cross-browser) JavaScript library<\/strong> designed to simplify the client-side scripting of HTML<\/span><\/li>\n
  • jQuery is a wrapper of JavaScript, with much pre-written functionality.<\/span><\/li>\n<\/ul>\n

    <\/p>\n

    \nJQuery is a framework for writing javascript tasks in a easier way. JQuery it is written in javascript. Also, I should mention that browsers parse only html and css files as also js scripts. Hence, all javascript frameworks (jQuery, AngularJS, etc) are written in javascript. They provide you the oportunity to write js code easier but under the hook they are all written in javascript.<\/span><\/div>\n
    \nExample:<\/b><\/span><\/div>\n
    \nSay we have the following input element<\/span><\/div>\n
    <input<\/span> <\/span>id<\/span>=<\/span>\"button1\"<\/span> <\/span>type<\/span>=<\/span>\"button\"<\/span> <\/span>value<\/span>=<\/span>\"clickMe\"<\/span>\/><\/span> <\/span><\/span><\/code><\/pre>\n
    \nAlso say that we want when someone click on the button to have an alert box showing to the user a ‘Hello’ message.<\/span><\/div>\n
    \nThen the code in javascipt<\/u> would be:<\/span><\/div>\n
    document<\/span>.<\/span>getElemementById<\/span>(<\/span>\"button1\"<\/span>).<\/span>addEventListener<\/span>(<\/span>'click'<\/span>,<\/span> <\/span>function<\/span>(){<\/span> \n    alert<\/span>(<\/span>\"Hello\"<\/span>);<\/span>\n<\/span>});<\/span><\/span><\/code><\/pre>\n
    \nUsing JQuery<\/u> the above would be written as follows:<\/span><\/div>\n
    $<\/span>(<\/span>'#button1'<\/span>).<\/span>click<\/span>(<\/span>function<\/span>(){<\/span> alert<\/span>(<\/span>\"Hello\"<\/span>);<\/span> <\/span>});<\/span><\/span><\/code><\/pre>\n
    \nUsing JQuery makes things more clear.<\/span><\/div>\n
    \nAs you can see all JQuery is, is JavaScript. <\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
     JQuery is, a library of JavaScript code.  JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. JavaScript is a language. jQuery is a library built with JavaScript to help JavaScript programmers who are doing common web tasks. jQuery was written using […]<\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[34,39,40],"tags":[],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-ibm","category-javascript","category-jquery"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Himanshu Namdeo","author_link":"https:\/\/debuggersspace.com\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":" JQuery is, a library of JavaScript code.  JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. JavaScript is a language. jQuery is a library built with JavaScript to help JavaScript programmers who are doing common web tasks. jQuery was written using…","_links":{"self":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts\/98"}],"collection":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":0,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"wp:attachment":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}