{"id":5405,"date":"2020-02-10T12:48:17","date_gmt":"2020-02-10T07:18:17","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=5405"},"modified":"2020-02-14T11:19:01","modified_gmt":"2020-02-14T05:49:01","slug":"jquery","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/jquery\/","title":{"rendered":"JQUERY | empty() and remove()"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">JQUERY | empty() and remove()<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Date: 10\/02\/2020<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\">Introduction:<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Empty:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">    <strong> <\/strong>Jquery<strong> empty()<\/strong> and <strong>remove() <\/strong>methods are the jquery inbuilt methods, which are used to remove the HTML element and contents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">     <strong>empty()<\/strong> &#8211; empty() method is used to remove all the child nodes from the content from the selected content.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;&lt;\/title&gt;\n\t<a href=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\" target=\"_blank\" rel=\"noopener\">https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js<\/a> \n        &lt;script&gt; \n            $(document).ready(function() { \n                $(\"button\").click(function() { \n                    $(\"body\").empty(); \n                }); \n            }); \n        &lt;\/script&gt; \n&lt;\/head&gt;\n&lt;body style=\"background-color: yellow;\"&gt;\n\t&lt;div&gt;\n\t\t&lt;center&gt;\n\t\t\t&lt;h3&gt;Hello&lt;\/h3&gt;\n\t\t\t&lt;h3&gt;Jquery empty method&lt;\/h3&gt;\n\t\t    &lt;button&gt;click&lt;\/button&gt;\n\t\t&lt;\/center&gt;\n\t\t\n\t&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Before clicking the button<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img fetchpriority=\"high\" decoding=\"async\" width=\"486\" height=\"152\" src=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.20.49.png\" alt=\"\" data-id=\"5406\" data-full-url=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.20.49.png\" data-link=\"https:\/\/pheonixsolutions.com\/blog\/?attachment_id=5406\" class=\"wp-image-5406\" srcset=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.20.49.png 486w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.20.49-300x94.png 300w\" sizes=\"(max-width: 486px) 100vw, 486px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After clicking the button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.21.47.png\" alt=\"\" class=\"wp-image-5407\" width=\"444\" height=\"180\" srcset=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.21.47.png 414w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-11.21.47-300x122.png 300w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Remove<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">     <strong>remove() <\/strong>used to remove the selected element from the document. It removes selected elements and also everything inside it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">syntax:      $(selector).remove()&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A selector is an optional parameter, it used to specify one or more elements.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;&lt;\/title&gt;\n\t<a href=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\" target=\"_blank\" rel=\"noopener\">https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js<\/a> \n        &lt;script&gt; \n            $(document).ready(function() { \n                $(\"button\").click(function() { \n                    $(\"p.test\").remove(); \n                }); \n            }); \n        &lt;\/script&gt; \n&lt;\/head&gt;\n&lt;body style=\"background-color: pink;\"&gt;\n\t&lt;center&gt;\n\t&lt;div class=\"mycon\"&gt;\n\t\t\t\n\t\t\t&lt;p&gt;Welcome&lt;\/p&gt;\n\t\t\t&lt;p class=\"test\"&gt;Remove this line&lt;\/p&gt;\n\t\t\t&lt;h3&gt;Hello&lt;\/h3&gt;\n\t\t\t&lt;h3&gt;Jquery empty method&lt;\/h3&gt;\n\t\t    &lt;button&gt;click&lt;\/button&gt;\n\t\t\n\t\t\n\t&lt;\/div&gt;\n\t\n&lt;\/center&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Before clicking the button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"502\" height=\"196\" src=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.45.51.png\" alt=\"\" class=\"wp-image-5409\" srcset=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.45.51.png 502w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.45.51-300x117.png 300w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After clicking the button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"442\" height=\"181\" src=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.47.06.png\" alt=\"\" class=\"wp-image-5410\" srcset=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.47.06.png 442w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-2020-02-10-at-12.47.06-300x123.png 300w\" sizes=\"(max-width: 442px) 100vw, 442px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Conclusion<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Thanks for using pheonixsolutions.<br>If you like it, please share it with your friends. Comments are most welcome.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JQUERY | empty() and remove() Date: 10\/02\/2020 Introduction: Empty: Jquery empty() and remove() methods are the jquery inbuilt methods, which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1022],"tags":[752,751,753],"class_list":["post-5405","post","type-post","status-publish","format-standard","hentry","category-web-architecture","tag-empty","tag-jquery","tag-remove","psol-cat-web-architecture"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/shn2x7-jquery","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/5405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=5405"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/5405\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=5405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=5405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=5405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}