{"id":787,"date":"2021-04-22T05:36:23","date_gmt":"2021-04-22T05:36:23","guid":{"rendered":"https:\/\/bcisnotes.com\/fourthsemester\/?p=787"},"modified":"2021-04-22T05:36:23","modified_gmt":"2021-04-22T05:36:23","slug":"jquery-events-client-side-scripting-bcis-notes","status":"publish","type":"post","link":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/","title":{"rendered":"jQuery Events || Client Side Scripting || BCIS Notes"},"content":{"rendered":"<h1 style=\"text-align: center;\">jQuery Events<\/h1>\n<div class=\"page\" title=\"Page 4\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>jQuery events enhances the basic event-handling mechanisms by offering the events methods for most native browser events, some of these methods\u00a0are ready(), click(), keypress(), focus(), blur(), change(), etc. For example, to execute some JavaScript code when the DOM is ready, you can use the jQuery ready() method, like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8542\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-1.53.21-PM.png\" alt=\"jQuery Events\" width=\"624\" height=\"111\" \/><\/p>\n<div class=\"page\" title=\"Page 5\">\n<p><img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAacAAAASCAYAAAD\/nxHqAAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAA7XsAAANAQADtewAAA0BAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAaegAwAEAAAAAQAAABIAAAAAkqjNMgAAAAlwSFlzAAALPAAACzwB5HwTlgAAANNJREFUeAHt1UERgFAMQ8F+jCMJOcgpyHiHrYLMpjM5u3uPI0CAAAECHYH3\/OO0nTySECBAgACBeS4IBAgQIECgJmCcao3IQ4AAAQJjnDwBAQIECOQEjFOuEoEIECBAwDj5AQIECBDICRinXCUCESBAgIBx8gMECBAgkBMwTrlKBCJAgAAB4+QHCBAgQCAnYJxylQhEgAABAsbJDxAgQIBATsA45SoRiAABAgSMkx8gQIAAgZyAccpVIhABAgQIGCc\/QIAAAQI5AeOUq0QgAgQIEPgAC5wJIQOG54IAAAAASUVORK5CYII=\" alt=\"page5image40570432\" width=\"422.680000\" height=\"17.500000\" \/><\/p>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>In general, the events can be categorized into four main groups \u2014 mouse events, keyboard events, form events, and document\/window events.<\/p>\n<div class=\"page\" title=\"Page 5\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>Mouse Events<\/h2>\n<p>A mouse event is fired when the user clicks some element, moves the mouse pointer, etc. Here&#8217;re some commonly used jQuery methods to handle the mouse events.<\/p>\n<h3>The click() Method<\/h3>\n<p>The jQuery click() method attaches an event handler function to the selected elements for &#8220;click&#8221; event. The attached function is executed when the user clicks on that element. The following example will hide the &lt;p&gt; elements on a page when they are clicked.<\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8543\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-1.56.04-PM.png\" alt=\"The click() Method\" width=\"654\" height=\"140\" \/><\/h3>\n<h3>The dblclick() Method<\/h3>\n<p>The jQuery dblclick() method attaches an event handler function to the selected elements for &#8220;dblclick&#8221; event. The attached function is executed when the user double-clicks on that element. The following example will hide the &lt;p&gt; elements when they are double-clicked.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8544\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-1.57.36-PM.png\" alt=\"The dblclick() Method\" width=\"614\" height=\"136\" \/><\/p>\n<div class=\"page\" title=\"Page 6\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The hover() Method<\/h3>\n<p>The jQuery hover() method attaches one or two event handler functions to the selected elements that are executed when the mouse pointer enters and leaves the elements. The first function is executed when the user places the mouse pointer over an element, whereas the second function is executed when the user removes the mouse pointer from that element.<\/p>\n<p>The following example will highlight &lt;p&gt; elements when you place the cursor on it, the highlighting will be removed when you remove the cursor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8547\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.00.55-PM.png\" alt=\"The hover() Method\" width=\"642\" height=\"172\" \/><\/p>\n<div class=\"page\" title=\"Page 7\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The mouseenter() Method<\/h3>\n<p>The jQuery mouseenter() method attaches an event handler function to the selected elements that are executed when the mouse enters an element. The following example will add the class highlight to the &lt;p&gt; element when you place the cursor on it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8549\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.03.05-PM.png\" alt=\"The mouseenter() Method\" width=\"624\" height=\"131\" \/><\/p>\n<div class=\"page\" title=\"Page 7\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The mouseleave() Method<\/h3>\n<p>The jQuery mouseleave() method attaches an event handler function to the selected elements that are executed when the mouse leaves an element. The following example will remove the class highlight from the &lt;p&gt; element when you remove the cursor from it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8550\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.05.32-PM.png\" alt=\"The mouseleave() Method\" width=\"651\" height=\"140\" \/><\/p>\n<div class=\"page\" title=\"Page 7\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>Keyboard Events<\/h2>\n<h3>The keypress() Method<\/h3>\n<p>The jQuery keypress() method attaches an event handler function to the selected elements (typically form controls) that are executed when the browser receives keyboard input from the user. The following example will display a message when the keypress event is fired and how many times it is fired when you press the key on the keyboard.<\/p>\n<div class=\"page\" title=\"Page 7\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<div class=\"page\" title=\"Page 8\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8552\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.13.09-PM.png\" alt=\"The keypress() Method\" width=\"693\" height=\"142\" \/><\/p>\n<div class=\"page\" title=\"Page 8\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The keyup() Method<\/h3>\n<p>The jQuery keyup() method attaches an event handler function to the selected elements (typically form controls) that are executed when the user releases a key on the keyboard. The following example will display a message when the keyup event is fired and how many times it is fired when you press and release a key on the keyboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8556\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.30.18-PM.png\" alt=\"The keyup() Method\" width=\"644\" height=\"199\" \/><\/p>\n<h2>Form Events<\/h2>\n<p>A form event is fired when a form control receives or loses focus or when the user modifies a form control value such as by typing text in a text input, select an option in a select box, etc. Here&#8217;re some commonly used jQuery methods to handle the form events.<\/p>\n<div class=\"page\" title=\"Page 9\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The change() Method<\/h3>\n<p>The jQuery change() method attach an event handler function to<br \/>\nthe &lt;input&gt;, &lt;textarea&gt; and &lt;select&gt; elements that is executed when its value changes. The following example will display an alert message when you select any option in the dropdown select box.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8557\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.31.39-PM.png\" alt=\"The change() Method\" width=\"679\" height=\"207\" \/><\/p>\n<h3>The focus() Method<\/h3>\n<p>The jQuery focus() method attaches an event handler function to the selected elements (typically form controls and links) that is executed when it gains focus. The following example will display a message when the text input receives focus.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8558\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.34.01-PM.png\" alt=\"The focus() Method\" width=\"675\" height=\"147\" \/><\/p>\n<h3>The submit() Method<\/h3>\n<p>The jQuery submit() method attaches an event handler function to\u00a0the &lt;form&gt; elements that are executed when the user is attempting to submit a form. The following example will display a message depending on the value entered when you try to submit the form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8559\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.36.12-PM.png\" alt=\"The submit() Method\" width=\"749\" height=\"186\" \/><\/p>\n<h2>Document\/Window Events<\/h2>\n<p>Events are also triggered in a situation when the page DOM (Document Object Model) is ready or when the user resizes or scrolls the browser window, etc. Here&#8217;re some commonly used jQuery methods to handle such kinds of events.<\/p>\n<div class=\"page\" title=\"Page 10\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The ready() Method<\/h3>\n<p>The jQuery ready() method specifies a function to execute when the DOM is fully\u00a0loaded.<\/p>\n<p>The following example will replace the text of the paragraph as soon as the DOM hierarchy has been fully constructed and ready to be manipulated.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8560\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.37.17-PM.png\" alt=\"The ready() Method\" width=\"684\" height=\"110\" \/><\/p>\n<h3>The resize() Method<\/h3>\n<p>The jQuery resize() method attaches an event handler function to the window\u00a0element that is executed when the size of the browser window changes.<\/p>\n<p>The following example will display the current width and height of the browser window when you try to resize it by dragging its corners.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8562\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.38.18-PM.png\" alt=\"The resize() Method\" width=\"716\" height=\"189\" \/><\/p>\n<h3>The scroll() Method<\/h3>\n<p>The jQuery scroll() method attaches an event handler function to the window or scrollable iframes and elements that are executed whenever the element&#8217;s scroll position changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8564\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-06-at-2.39.32-PM.png\" alt=\"The scroll() Method\" width=\"681\" height=\"151\" \/><\/p>\n<p>If you liked our content jQuery Events, then you will also like\u00a0<a href=\"https:\/\/bcisnotes.com\/fourthsemester\/introduction-to-jquery-client-side-scripting-bcis-notes\/\">Introduction to jQuery<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>jQuery Events jQuery events enhances the basic event-handling mechanisms by offering the events methods for most native browser events, some of these methods\u00a0are ready(), click(), <a class=\"mh-excerpt-more\" href=\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\" title=\"jQuery Events || Client Side Scripting || BCIS Notes\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":3,"featured_media":788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[227,252,253],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery Events || Client Side Scripting || BCIS Notes<\/title>\n<meta name=\"description\" content=\"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Events || Client Side Scripting || BCIS Notes\" \/>\n<meta property=\"og:description\" content=\"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:site_name\" content=\"BCIS Fourth Semester\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T05:36:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"230\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Her Highness\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Her Highness\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\"},\"author\":{\"name\":\"Her Highness\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\"},\"headline\":\"jQuery Events || Client Side Scripting || BCIS Notes\",\"datePublished\":\"2021-04-22T05:36:23+00:00\",\"dateModified\":\"2021-04-22T05:36:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\"},\"wordCount\":879,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png\",\"keywords\":[\"Client Side Scripting\",\"jQuery\",\"jQuery Events\"],\"articleSection\":[\"IT\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\",\"name\":\"jQuery Events || Client Side Scripting || BCIS Notes\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png\",\"datePublished\":\"2021-04-22T05:36:23+00:00\",\"dateModified\":\"2021-04-22T05:36:23+00:00\",\"description\":\"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().\",\"breadcrumb\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png\",\"width\":340,\"height\":230,\"caption\":\"jQuery Events || Client Side Scripting || BCIS Notes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bcisnotes.com\/fourthsemester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Events || Client Side Scripting || BCIS Notes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"name\":\"BCIS Fourth Semester\",\"description\":\"Notes of Information and Technology\",\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\",\"name\":\"BCIS Fourth Semester\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"width\":300,\"height\":100,\"caption\":\"BCIS Fourth Semester\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\",\"name\":\"Her Highness\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"caption\":\"Her Highness\"},\"sameAs\":[\"http:\/\/bcisnotes.com\/fourthsemester\"],\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Events || Client Side Scripting || BCIS Notes","description":"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().","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:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Events || Client Side Scripting || BCIS Notes","og_description":"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().","og_url":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/","og_site_name":"BCIS Fourth Semester","article_published_time":"2021-04-22T05:36:23+00:00","og_image":[{"width":340,"height":230,"url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png","type":"image\/png"}],"author":"Her Highness","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Her Highness","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#article","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/"},"author":{"name":"Her Highness","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3"},"headline":"jQuery Events || Client Side Scripting || BCIS Notes","datePublished":"2021-04-22T05:36:23+00:00","dateModified":"2021-04-22T05:36:23+00:00","mainEntityOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/"},"wordCount":879,"commentCount":0,"publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png","keywords":["Client Side Scripting","jQuery","jQuery Events"],"articleSection":["IT"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/","name":"jQuery Events || Client Side Scripting || BCIS Notes","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png","datePublished":"2021-04-22T05:36:23+00:00","dateModified":"2021-04-22T05:36:23+00:00","description":"jQuery enhances the basic event-handling mechanisms by offering the events methods, some of these methods\u00a0are ready(), click(), keypress().","breadcrumb":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#primaryimage","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-24.png","width":340,"height":230,"caption":"jQuery Events || Client Side Scripting || BCIS Notes"},{"@type":"BreadcrumbList","@id":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-events-client-side-scripting-bcis-notes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bcisnotes.com\/fourthsemester\/"},{"@type":"ListItem","position":2,"name":"jQuery Events || Client Side Scripting || BCIS Notes"}]},{"@type":"WebSite","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website","url":"https:\/\/bcisnotes.com\/fourthsemester\/","name":"BCIS Fourth Semester","description":"Notes of Information and Technology","publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization","name":"BCIS Fourth Semester","url":"https:\/\/bcisnotes.com\/fourthsemester\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","width":300,"height":100,"caption":"BCIS Fourth Semester"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3","name":"Her Highness","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","caption":"Her Highness"},"sameAs":["http:\/\/bcisnotes.com\/fourthsemester"],"url":"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/"}]}},"_links":{"self":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/787"}],"collection":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":1,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/787\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/787\/revisions\/789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media\/788"}],"wp:attachment":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media?parent=787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/categories?post=787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/tags?post=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}