{"id":945,"date":"2014-03-27T10:45:59","date_gmt":"2014-03-27T10:45:59","guid":{"rendered":"https:\/\/www.ncodetechnologies.com\/?p=945"},"modified":"2022-04-29T06:36:55","modified_gmt":"2022-04-29T06:36:55","slug":"jquery-selectors-make-process-easy-with-quick-response","status":"publish","type":"post","link":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/","title":{"rendered":"How jQuery Selectors can make your process easy with quick response"},"content":{"rendered":"

jQuery is a very strong JavaScript library generally used for DOM manipulations. As the name suggests ‘Query’ you can query(traverse) the DOM and do the manipulations. jQuery is a very powerful JavaScript platform that brings DOM manipulations handy with just few lines of code. Though its just a wrapper to plain JavaScript but, undoubtedly it enhances its powers and gives flexibility and that too with a small snippet of code. JQuery mainly plays around using ‘selectors’. Selectors can be looked upon as a ‘query’ i.e. based on the selector it queries(selects) elements from the DOM and returns as jQuery object. It should be noted that, when matched elements are more than one then what is returned by jQuery is array of objects. I have filtered out some of the common though important selectors that you may find useful.You can find a complete list of selectors on official site of jQuery. jQuery(\u201c*\u201d)<\/strong> Selects all the elemtns in DOM, returns array of jQuery objects. jQuery([name|=”value”])<\/strong> Will select elements which has ‘name’ attribute and its value is either equal to or starts with ‘value’ followed by (-) jQuery([name*=”value”])<\/strong> In this case jQuery will search for elements which has ‘name’ attribute and value of that attribute contains ‘value’ in it jQuery([name=”value”])<\/strong> Will select elements which has ‘name’ attribute and its value is equal to ‘value’ jQuery(“.class”)<\/strong> Will select all the elements with ‘class’ class. jQuery(“ancestor descendant”)<\/strong> One of the most powerful and useful selectors amongst all. This selects elements considering the specified hierarchy for e.g : jQuery(‘div label span’); will find all the ‘span’ elements that are in the specified hierarchy i.e. all the span elements that have label as their immediate parent and that label has a div as its immediate parent. This selector generally helps conflict less DOM element selection. Here is a link for your reference: http:\/\/api.jquery.com\/category\/selectors\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

jQuery is a very strong JavaScript library generally used for DOM manipulations. As the name suggests ‘Query’ you can query(traverse) the DOM and do the manipulations. jQuery is a very powerful JavaScript platform that brings DOM manipulations handy with just … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":9626,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[71],"tags":[],"class_list":["post-945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-development"],"acf":[],"yoast_head":"\nHow jQuery Selectors can make your process easy with quick response<\/title>\n<meta name=\"description\" content=\"How jQuery Selectors can make your process easy with quick response.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How jQuery Selectors can make your process easy with quick response\" \/>\n<meta property=\"og:description\" content=\"How jQuery Selectors can make your process easy with quick response.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/\" \/>\n<meta property=\"og:site_name\" content=\"eCommerce & Mobile App Development Blogs - NCode Tech\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/NCodeTechnologiesInc\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-27T10:45:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-29T06:36:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2014\/03\/Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"803\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ashish Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/ncodetechnology\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashish Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How jQuery Selectors can make your process easy with quick response","description":"How jQuery Selectors can make your process easy with quick response.","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:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/","og_locale":"en_US","og_type":"article","og_title":"How jQuery Selectors can make your process easy with quick response","og_description":"How jQuery Selectors can make your process easy with quick response.","og_url":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/","og_site_name":"eCommerce & Mobile App Development Blogs - NCode Tech","article_author":"https:\/\/www.facebook.com\/NCodeTechnologiesInc","article_published_time":"2014-03-27T10:45:59+00:00","article_modified_time":"2022-04-29T06:36:55+00:00","og_image":[{"width":803,"height":380,"url":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2014\/03\/Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing.jpg","type":"image\/jpeg"}],"author":"Ashish Shah","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/ncodetechnology","twitter_misc":{"Written by":"Ashish Shah","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/","url":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/","name":"How jQuery Selectors can make your process easy with quick response","isPartOf":{"@id":"https:\/\/www.ncodetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/#primaryimage"},"image":{"@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2014\/03\/Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing.jpg","datePublished":"2014-03-27T10:45:59+00:00","dateModified":"2022-04-29T06:36:55+00:00","author":{"@id":"https:\/\/www.ncodetechnologies.com\/blog\/#\/schema\/person\/c67b3f49634de360621baafc0f55f55c"},"description":"How jQuery Selectors can make your process easy with quick response.","breadcrumb":{"@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/#primaryimage","url":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2014\/03\/Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing.jpg","contentUrl":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2014\/03\/Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing.jpg","width":803,"height":380,"caption":"Top-5-Reasons-for-Choosing-Joomla-for-your-Web-Designing"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ncodetechnologies.com\/blog\/jquery-selectors-make-process-easy-with-quick-response\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ncodetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How jQuery Selectors can make your process easy with quick response"}]},{"@type":"WebSite","@id":"https:\/\/www.ncodetechnologies.com\/blog\/#website","url":"https:\/\/www.ncodetechnologies.com\/blog\/","name":"eCommerce & Mobile App Development Blogs - NCode Tech","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ncodetechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.ncodetechnologies.com\/blog\/#\/schema\/person\/c67b3f49634de360621baafc0f55f55c","name":"Ashish Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ncodetechnologies.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2018\/10\/Ashish-shah-profile-pic.png","contentUrl":"https:\/\/www.ncodetechnologies.com\/blog\/wp-content\/uploads\/2018\/10\/Ashish-shah-profile-pic.png","caption":"Ashish Shah"},"description":"Ashish Shah is the Founder and CEO of NCode Technologies, Inc. a leading Web & Mobile App Development Company based in India. He is the chief mentor and strategist with over 10+ years of experience in providing various IT solution to different industries. He also likes to share his view on different technology and marketing techniques via different blogs and articles.","sameAs":["https:\/\/www.ncodetechnologies.com","https:\/\/www.facebook.com\/NCodeTechnologiesInc","https:\/\/www.instagram.com\/ncodetechnologiesinc","https:\/\/www.linkedin.com\/company\/ncode-technologies-inc","https:\/\/x.com\/https:\/\/twitter.com\/ncodetechnology"]}]}},"_links":{"self":[{"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=945"}],"version-history":[{"count":1,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/945\/revisions"}],"predecessor-version":[{"id":9368,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/945\/revisions\/9368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/9626"}],"wp:attachment":[{"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ncodetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}