{"id":88570,"date":"2025-06-29T14:37:07","date_gmt":"2025-06-29T07:37:07","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=88570"},"modified":"2025-06-29T22:32:43","modified_gmt":"2025-06-29T15:32:43","slug":"jquery-selector-la-gi","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/","title":{"rendered":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#Tong_quan_ve_jQuery_selector\" >T\u1ed5ng quan v\u1ec1 jQuery selector<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#jQuery_selector_hoat_dong_nhu_the_nao\" >jQuery selector ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#7_jQuery_selector_pho_bien_hien_nay\" >7 jQuery selector ph\u1ed5 bi\u1ebfn hi\u1ec7n nay<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#Mot_so_jQuery_selector_khac\" >M\u1ed9t s\u1ed1 jQuery selector kh\u00e1c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#Cach_toi_uu_jQuery_bang_ky_thuat_cache_selector\" >C\u00e1ch t\u1ed1i \u01b0u jQuery b\u1eb1ng k\u1ef9 thu\u1eadt cache selector<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#Cau_hoi_thuong_gap_ve_jQuery_selector\" >C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 jQuery selector<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#Tong_ket_ve_jQuery_selector\" >T\u1ed5ng k\u1ebft v\u1ec1 jQuery selector<\/a><\/li><\/ul><\/nav><\/div>\n\n<p><b><strong><em>jQuery selector <\/em><\/strong><\/b><span style=\"font-weight: 400;\"><strong><em>l\u00e0 c\u00f4ng c\u1ee5 c\u1ed1t l\u00f5i trong l\u1eadp tr\u00ecnh front-end, gi\u00fap b\u1ea1n ti\u1ebfp c\u1eadn v\u00e0 thao t\u00e1c ph\u1ea7n t\u1eed HTML trong trang web m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd cung c\u1ea5p cho b\u1ea1n m\u1ed9t h\u01b0\u1edbng d\u1eabn to\u00e0n di\u1ec7n v\u1ec1 c\u00e1c lo\u1ea1i selector trong jQuery, t\u1eeb c\u01a1 b\u1ea3n nh\u1ea5t nh\u01b0 ID, class, tag cho \u0111\u1ebfn c\u00e1c selector n\u00e2ng cao nh\u01b0 attribute, hierarchy v\u00e0 pseudo-class.\u00a0<\/em><\/strong><\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft sau \u0111\u1ec3 \u0111\u01b0\u1ee3c gi\u1ea3i \u0111\u00e1p chi ti\u1ebft h\u01a1n v\u1ec1:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1c \u0111\u1eb7c \u0111i\u1ec3m n\u1ed5i b\u1eadt c\u1ee7a jQuery selector<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u00e1ch ho\u1ea1t \u0111\u1ed9ng c\u1ee7a jQuery selector<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u00e1c jQuery selector ph\u1ed5 bi\u1ebfn: \u0111\u1eb7c \u0111i\u1ec3m, v\u00ed d\u1ee5 s\u1eed d\u1ee5ng<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u00e1ch cache selector \u0111\u1ec3 t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t jQuery<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-quan-v\u1ec1-jquery-selector\"><span class=\"ez-toc-section\" id=\"Tong_quan_ve_jQuery_selector\"><\/span><b>T\u1ed5ng quan v\u1ec1 jQuery selector<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery selector l\u00e0 c\u00e1c h\u00e0m cho ph\u00e9p b\u1ea1n nh\u1eafm m\u1ee5c ti\u00eau v\u00e0 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed <\/span><a href=\"https:\/\/itviec.com\/blog\/html-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">HTML<\/span><\/a><span style=\"font-weight: 400;\"> trong DOM b\u1eb1ng c\u00fa ph\u00e1p <code>$()<\/code> d\u1ef1a tr\u00ean t\u00ean ph\u1ea7n t\u1eed, ID, l\u1edbp, thu\u1ed9c t\u00ednh,&#8230; gi\u00fap thao t\u00e1c v\u00e0 t\u01b0\u01a1ng t\u00e1c d\u1ec5 d\u00e0ng h\u01a1n.\u00a0<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"#myId\")<\/span><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\".myClass\")<\/span><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"div\")<\/span><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"&#91;data-attr]\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">\u01afu \u0111i\u1ec3m c\u1ee7a jQuery selector ch\u00ednh l\u00e0 s\u1eed d\u1ee5ng c\u00fa ph\u00e1p quen thu\u1ed9c t\u01b0\u01a1ng t\u1ef1 nh\u01b0 CSS, h\u1ed7 tr\u1ee3 \u0111a d\u1ea1ng c\u00e1c lo\u1ea1i selector t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao. Nh\u1edd v\u1eady, jQuery selector \u0111\u00e3 tr\u1edf th\u00e0nh m\u1ed9t trong nh\u1eefng c\u00f4ng c\u1ee5 kh\u00f4ng th\u1ec3 thi\u1ebfu trong l\u1eadp tr\u00ecnh front-end hi\u1ec7n \u0111\u1ea1i, gi\u00fap vi\u1ebft code d\u1ec5 \u0111\u1ecdc, d\u1ec5 b\u1ea3o tr\u00ec, t\u0103ng t\u1ed1c \u0111\u1ed9 ph\u00e1t tri\u1ec3n web v\u00e0 t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t x\u1eed l\u00fd t\u01b0\u01a1ng t\u00e1c v\u1edbi giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng.<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><a href=\"https:\/\/itviec.com\/blog\/jquery-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\"><i><span style=\"font-weight: 400;\"><strong>Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 jQuery \u2013 Th\u01b0 vi\u1ec7n Javascript h\u00e0ng \u0111\u1ea7u<\/strong><\/span><\/i><\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-jquery-selector-ho\u1ea1t-d\u1ed9ng-nh\u01b0-th\u1ebf-nao\"><span class=\"ez-toc-section\" id=\"jQuery_selector_hoat_dong_nhu_the_nao\"><\/span><b>jQuery selector ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00e2u l\u1ec7nh c\u1ee7a jQuery selector nh\u00ecn c\u00f3 v\u1ebb \u0111\u01a1n gi\u1ea3n nh\u01b0 <code>$(\".className\")<\/code> th\u1ef1c ch\u1ea5t l\u1ea1i tr\u1ea3i qua nhi\u1ec1u b\u01b0\u1edbc x\u1eed l\u00fd ph\u1ee9c t\u1ea1p \u0111\u1ec3 mang \u0111\u1ebfn cho b\u1ea1n k\u1ebft qu\u1ea3 ch\u00ednh x\u00e1c v\u00e0 nhanh ch\u00f3ng.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Khi b\u1ea1n truy\u1ec1n m\u1ed9t chu\u1ed7i selector v\u00e0o jQuery, v\u00ed d\u1ee5 nh\u01b0:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\".highlight\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery s\u1ebd th\u1ef1c hi\u1ec7n c\u00e1c b\u01b0\u1edbc sau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Ph\u00e2n t\u00edch chu\u1ed7i selector (Parsing):<\/b><span style=\"font-weight: 400;\"> jQuery s\u1eed d\u1ee5ng Sizzle selector engine \u0111\u1ec3 t\u00e1ch chu\u1ed7i b\u1ea1n truy\u1ec1n v\u00e0o \u0111\u1ec3 nh\u1eadn bi\u1ebft c\u00e1c lo\u1ea1i selector nh\u01b0 ID, class, tag, attribute ho\u1eb7c pseudo-selector.<\/span><\/li>\n\n\n\n<li><b>T\u1ed1i \u01b0u ho\u00e1 selector: <\/b><span style=\"font-weight: 400;\">N\u1ebfu selector \u0111\u01a1n gi\u1ea3n nh\u01b0 ID (#myID), jQuery s\u1ebd g\u1ecdi tr\u1ef1c ti\u1ebfp document.getElementById() \u0111\u1ec3 t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t. V\u1edbi selector ph\u1ee9c t\u1ea1p h\u01a1n, jQuery s\u1ebd s\u1eed d\u1ee5ng c\u00e1c h\u00e0m nh\u01b0 querySelectorAll() ho\u1eb7c fallback v\u1ec1 Sizzle engine.<\/span><\/li>\n\n\n\n<li><b>T\u00ecm ki\u1ebfm ph\u1ea7n t\u1eed trong DOM: <\/b><span style=\"font-weight: 400;\">jQuery s\u1ebd qu\u00e9t qua c\u1ea5u tr\u00fac DOM v\u00e0 tr\u1ea3 v\u1ec1 danh s\u00e1ch c\u00e1c ph\u1ea7n t\u1eed ph\u00f9 h\u1ee3p v\u1edbi selector \u0111\u00e3 ph\u00e2n t\u00edch.<\/span><\/li>\n\n\n\n<li><b>Tr\u1ea3 v\u1ec1 \u0111\u1ed1i t\u01b0\u1ee3ng jQuery: <\/b><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 l\u00e0 m\u1ed9t \u0111\u1ed1i t\u01b0\u1ee3ng jQuery, ch\u1ee9a m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c ph\u1ea7n t\u1eed DOM c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c method chainning nh\u01b0 .addClass(), .hide(), .click().<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n \u0111ang l\u00e0m vi\u1ec7c v\u1edbi nh\u1eefng \u0111o\u1ea1n m\u00e3 ph\u1ee9c t\u1ea1p ho\u1eb7c quy m\u00f4 l\u1edbn, vi\u1ec7c n\u1eafm v\u1eefng c\u00e1ch jQuery selector ho\u1ea1t \u0111\u1ed9ng s\u1ebd gi\u00fap b\u1ea1n vi\u1ebft code hi\u1ec7u qu\u1ea3, d\u1ec5 b\u1ea3o tr\u00ec v\u00e0 t\u1ed1i \u01b0u h\u00f3a hi\u1ec7u su\u1ea5t trang web.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-7-jquery-selector-ph\u1ed5-bi\u1ebfn-hi\u1ec7n-nay\"><span class=\"ez-toc-section\" id=\"7_jQuery_selector_pho_bien_hien_nay\"><\/span><b>7 jQuery selector ph\u1ed5 bi\u1ebfn hi\u1ec7n nay<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">M\u1ee5c \u0111\u00edch ch\u00ednh c\u1ee7a c\u00e1c jQuery selector l\u00e0 \u0111\u1ec3 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed tr\u00ean trang web d\u1ef1a tr\u00ean nh\u1eefng ti\u00eau ch\u00ed nh\u1ea5t \u0111\u1ecbnh. C\u00e1c ti\u00eau ch\u00ed \u0111\u00f3 c\u00f3 th\u1ec3 l\u00e0 id, class, thu\u1ed9c t\u00ednh, ho\u1eb7c s\u1ef1 k\u1ebft h\u1ee3p c\u1ee7a m\u1ed9t ho\u1eb7c nhi\u1ec1u y\u1ebfu t\u1ed1 kh\u00e1c.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">D\u01b0\u1edbi \u0111\u00e2y l\u00e0 7 lo\u1ea1i selector th\u01b0\u1eddng g\u1eb7p, k\u00e8m v\u00ed d\u1ee5 th\u1ef1c t\u1ebf gi\u00fap b\u1ea1n hi\u1ec3u r\u00f5 c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang:<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-selector-theo-id\"><strong>Selector theo ID<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery #id selector cho ph\u00e9p b\u1ea1n nh\u1eafm \u0111\u1ebfn m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3 th\u00f4ng qua thu\u1ed9c t\u00ednh ID duy nh\u1ea5t c\u1ee7a n\u00f3, b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng k\u00fd hi\u1ec7u # theo sau l\u00e0 t\u00ean ID.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"#ten-id\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Ch\u1eb3ng h\u1ea1n nh\u01b0 v\u00ed d\u1ee5 sau, th\u00eam hai n\u00fat c\u00f3 ID l\u00e0 &#8220;colorButton&#8221; v\u00e0 &#8220;hideButton&#8221;. N\u00fat \u0111\u1ea7u ti\u00ean c\u00f3 ch\u1ee9c n\u0103ng thay \u0111\u1ed5i m\u00e0u n\u1ec1n c\u1ee7a \u0111o\u1ea1n v\u0103n \u0111\u1ea7u ti\u00ean (c\u00f3 ID l\u00e0 &#8220;p1&#8221;) th\u00e0nh m\u00e0u xanh da tr\u1eddi, v\u00e0 n\u00fat th\u1ee9 hai c\u00f3 ch\u1ee9c n\u0103ng \u1ea9n \u0111o\u1ea1n v\u0103n th\u1ee9 hai (c\u00f3 ID l\u00e0 &#8220;p2&#8221;).<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n\u00a0\u00a0\u00a0\u00a0&lt;script src=\n\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\">\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0&lt;script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(document).ready(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"#colorButton\").click(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"#p1\").css(\"background-color\", \"skyblue\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"#hideButton\").click(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"#p2\").hide();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n&lt;\/head>\n&lt;body>\n\u00a0\u00a0\u00a0\u00a0&lt;h2>Id selector&lt;\/h2>\n\u00a0\u00a0\u00a0\u00a0&lt;p id=\"p1\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0In this paraphraserwe are changing background.\n\u00a0\u00a0\u00a0\u00a0&lt;\/p>\n\u00a0\u00a0\u00a0\u00a0&lt;p id=\"p2\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0In 2nd paraphraserwe are going hide this pera.\n\u00a0\u00a0\u00a0\u00a0&lt;\/p>\n\u00a0\u00a0\u00a0\u00a0&lt;button id=\"colorButton\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Change Background Color\n\u00a0\u00a0\u00a0\u00a0&lt;\/button>\n\u00a0\u00a0\u00a0\u00a0&lt;br>&lt;br>\n\u00a0\u00a0\u00a0\u00a0&lt;!-- Button to hide the second paragraph -->\n\u00a0\u00a0\u00a0\u00a0&lt;button id=\"hideButton\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Hide Paragraph\n\u00a0\u00a0\u00a0\u00a0&lt;\/button>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb c\u1ee7a \u0111o\u1ea1n m\u00e3 tr\u00ean<\/span>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"271\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-3-vippro.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88637\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-3-vippro.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-3-vippro-300x127.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-3-vippro-200x85.png 200w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 \u0111o\u1ea1n m\u00e3 sau khi nh\u1ea5n 2 button<\/span>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"188\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro-640x188.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88638\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro-640x188.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro-300x88.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro-200x59.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro-768x225.png 768w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-4-vippro.png 832w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Gi\u1ea3i th\u00edch v\u00ed d\u1ee5 tr\u00ean:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>$(document).ready(function () {<\/code>:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ea3m b\u1ea3o r\u1eb1ng t\u1ea5t c\u1ea3 m\u00e3 jQuery b\u00ean trong ch\u1ec9 ch\u1ea1y sau khi t\u00e0i li\u1ec7u HTML \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ea3i ho\u00e0n t\u1ea5t.<\/span><\/li>\n\n\n\n<li><b><code>(\"#p1\").css(\"background-color\", \"skyblue\")<\/code>: <\/b><span style=\"font-weight: 400;\">Khi ng\u01b0\u1eddi d\u00f9ng nh\u1ea5n n\u00fat c\u00f3 <code>id=\"colorButton\"<\/code>. jQuery t\u00ecm ph\u1ea7n t\u1eed c\u00f3 <code>id=\"p1\"<\/code> v\u00e0 thay \u0111\u1ed5i thu\u1ed9c t\u00ednh CSS background-color sang m\u00e0u skyblue.<\/span><\/li>\n\n\n\n<li><b><code>(\"#p2\").hide()<\/code>:<\/b><span style=\"font-weight: 400;\"> Khi ng\u01b0\u1eddi d\u00f9ng nh\u1ea5n n\u00fat c\u00f3 <code>id=\"hideButton\"<\/code>. jQuery t\u00ecm ph\u1ea7n t\u1eed c\u00f3 id=&#8221;p2&#8243; v\u00e0 \u1ea9n n\u00f3 kh\u1ecfi giao di\u1ec7n b\u1eb1ng h\u00e0m <code>.hide().<\/code><\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-selector-theo-class\"><strong>Selector theo class<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong jQuery, selector theo class \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed HTML d\u1ef1a tr\u00ean thu\u1ed9c t\u00ednh class b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng d\u1ea5u ch\u1ea5m (.) theo sau l\u00e0 t\u00ean class.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$( \".class\" )<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Ch\u1eb3ng h\u1ea1n nh\u01b0 v\u00ed d\u1ee5 d\u01b0\u1edbi \u0111\u00e2y, s\u1eed d\u1ee5ng selector theo class \u0111\u1ec3 ch\u1ecdn th\u1ebb &lt;p&gt; \u0111\u00e3 \u0111\u01b0\u1ee3c g\u00e1n class t\u01b0\u01a1ng \u1ee9ng.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n\u00a0\u00a0\u00a0\u00a0&lt;!--jQuery library included -->\n\u00a0\u00a0\u00a0\u00a0&lt;script src=\n\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\">\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0 &lt;script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(document).ready(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\".colorBtn\").click(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\".p1\").css(\"background-color\", \"yellow\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n&lt;\/head>\n&lt;body>\n\u00a0\u00a0\u00a0\u00a0&lt;h2>Class selector&lt;\/h2>\n\u00a0\u00a0\u00a0\u00a0&lt;p class=\"p1\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0In this paraphraserwe are changing background.\n\u00a0\u00a0\u00a0\u00a0&lt;\/p>\n\u00a0\u00a0\u00a0\u00a0&lt;!-- Button to change background\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color of the first paragraph -->\n\u00a0\u00a0\u00a0\u00a0&lt;button class=\"colorBtn\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Change Background Color\n\u00a0\u00a0\u00a0\u00a0&lt;\/button>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 hi\u1ec3n thi c\u1ee7a \u0111o\u1ea1n m\u00e3 tr\u00ean:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"166\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-5-vippro-640x166.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88639\" style=\"width:720px;height:auto\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-5-vippro-640x166.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-5-vippro-300x78.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-5-vippro-200x52.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-5-vippro.png 688w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 sau khi nh\u1ea5n v\u00e0o button<\/span>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"178\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-6-vippro-640x178.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88640\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-6-vippro-640x178.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-6-vippro-300x84.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-6-vippro-200x56.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-6-vippro.png 678w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong v\u00ed d\u1ee5 tr\u00ean, khi ng\u01b0\u1eddi d\u00f9ng nh\u1ea5n n\u00fat, \u0111o\u1ea1n v\u0103n b\u1ea3n c\u00f3 class .p1 s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1ed5i m\u00e0u n\u1ec1n sang m\u00e0u v\u00e0ng.<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>$(document).ready(...)<\/code>:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ea3m b\u1ea3o r\u1eb1ng m\u00e3 b\u00ean trong ch\u1ec9 ch\u1ea1y sau khi t\u00e0i li\u1ec7u HTML \u0111\u01b0\u1ee3c t\u1ea3i ho\u00e0n t\u1ea5t.<\/span><\/li>\n\n\n\n<li><b><code>$(\".colorBtn\").click(...)<\/code>: <\/b><span style=\"font-weight: 400;\">G\u00e1n s\u1ef1 ki\u1ec7n click cho t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 class l\u00e0 colorBtn.<\/span><\/li>\n\n\n\n<li><b><code>$(\".p1\").css(\"background-color\", \"yellow\")<\/code>:<\/b><span style=\"font-weight: 400;\"> Khi n\u00fat \u0111\u01b0\u1ee3c nh\u1ea5n, jQuery t\u00ecm t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 class p1 v\u00e0 thay \u0111\u1ed5i thu\u1ed9c t\u00ednh CSS background-color th\u00e0nh m\u00e0u v\u00e0ng.<\/span><\/li>\n\n\n\n<li><b><code>&lt;p class=\"p1\"><\/code>: <\/b><span style=\"font-weight: 400;\">\u0110o\u1ea1n v\u0103n c\u00f3 class l\u00e0 p1, s\u1ebd b\u1ecb t\u00e1c \u0111\u1ed9ng khi nh\u1ea5n n\u00fat.<\/span><\/li>\n\n\n\n<li><b><code>&lt;button class=\"colorBtn\"><\/code>:<\/b><span style=\"font-weight: 400;\"> N\u00fat c\u00f3 class l\u00e0 colorBtn, \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 k\u00edch ho\u1ea1t s\u1ef1 ki\u1ec7n click.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-selector-theo-ten-th\u1ebb-tag-name\"><strong>Selector theo t\u00ean th\u1ebb (tag name)<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong jQuery, selector theo t\u00ean th\u1ebb \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed HTML d\u1ef1a tr\u00ean t\u00ean th\u1ebb.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$( \"p\" );<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong v\u00ed d\u1ee5 n\u00e0y, s\u1eed d\u1ee5ng selector theo t\u00ean th\u1ebb \u0111\u1ec3 ch\u1ecdn th\u1ebb &lt;p&gt; v\u00e0 \u00e1p d\u1ee5ng m\u1ed9t s\u1ed1 ki\u1ec3u d\u00e1ng nh\u01b0 v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c t\u00f4 m\u00e0u xanh \u0111\u1ecf v\u00e0 n\u1ec1n c\u1ee7a th\u1ebb &lt;p&gt; \u0111\u01b0\u1ee3c \u0111\u1ed5i sang m\u00e0u xanh da tr\u1eddi.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n\u00a0\u00a0\u00a0\u00a0&lt;script src=\n\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\">\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n\u00a0\u00a0\u00a0\u00a0&lt;script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(document).ready(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\".colorBtn\").click(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"p\").css({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"background-color\": \"skyblue\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"font-size\": \"25px\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"color\": \"red\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0&lt;\/script>\n&lt;\/head>\n&lt;body>\n\u00a0\u00a0\u00a0\u00a0&lt;h2> Tag name selector&lt;\/h2>\n\u00a0\u00a0\u00a0\u00a0&lt;p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ITviec &lt;br>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Trang th\u00f4ng tin v\u1ec1 l\u0129nh v\u1ef1c IT\n\u00a0\u00a0\u00a0\u00a0&lt;\/p>\n\u00a0\u00a0\u00a0\u00a0&lt;button class=\"colorBtn\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0click here\n\u00a0\u00a0\u00a0\u00a0&lt;\/button>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb c\u1ee7a \u0111o\u1ea1n m\u00e3 tr\u00ean<\/span>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"205\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-7-vippro.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88641\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-7-vippro.png 622w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-7-vippro-300x99.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-7-vippro-200x66.png 200w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 sau khi nh\u1ea5n n\u00fat button<\/span>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"234\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-1-vippro-640x234.png\" alt=\"jquery selector l\u00e0 g\u00ec - itviec blog\" class=\"wp-image-88642\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-1-vippro-640x234.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-1-vippro-300x110.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-1-vippro-200x73.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-1-vippro.png 696w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Gi\u1ea3i th\u00edch v\u00ed d\u1ee5 tr\u00ean:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>$(document).ready(...)<\/code>: <\/b><span style=\"font-weight: 400;\">\u0110\u1ea3m b\u1ea3o to\u00e0n b\u1ed9 DOM \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ea3i xong tr\u01b0\u1edbc khi th\u1ef1c thi m\u00e3 jQuery.<\/span><\/li>\n\n\n\n<li><b><code>$(\".colorBtn\").click(...)<\/code>: <\/b><span style=\"font-weight: 400;\">B\u1eaft s\u1ef1 ki\u1ec7n click c\u1ee7a ph\u1ea7n t\u1eed c\u00f3 class colorBtn (t\u1ee9c l\u00e0 n\u00fat b\u1ea5m).<\/span><\/li>\n\n\n\n<li><b><code>$(\"p\").css({...})<\/code>: <\/b><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng tag name selector \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb &lt;p> v\u00e0 \u00e1p d\u1ee5ng c\u00f9ng l\u00fac nhi\u1ec1u thu\u1ed9c t\u00ednh CSS.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-hierarchy-selector\"><strong>Hierarchy selector<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00e1c b\u1ed9 ch\u1ecdn n\u00e0y s\u1eed d\u1ee5ng c\u1ea5u tr\u00fac ph\u00e2n c\u1ea5p (hierarchy) c\u1ee7a DOM l\u00e0m ti\u00eau ch\u00ed \u0111\u1ec3 ch\u1ecdn ph\u1ea7n t\u1eed. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch v\u1ec1 hierarchy selectors:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>$(\u201cancestor descendant\u201d)<\/code>: <\/b><span style=\"font-weight: 400;\">B\u1ed9 ch\u1ecdn n\u00e0y tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed con (descendant) c\u1ee7a ph\u1ea7n t\u1eed cha \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh. Ph\u1ea7n t\u1eed con c\u00f3 th\u1ec3 l\u00e0 con tr\u1ef1c ti\u1ebfp, ch\u00e1u, ho\u1eb7c s\u00e2u h\u01a1n n\u1eefa trong c\u00e2y DOM.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201cparent > child\u201d)<\/code>: <\/b><span style=\"font-weight: 400;\">B\u1ed9 ch\u1ecdn n\u00e0y c\u1ee5 th\u1ec3 h\u01a1n b\u1ed9 ch\u1ecdn ph\u00eda tr\u00ean v\u00e0 ch\u1ec9 tr\u1ea3 v\u1ec1 c\u00e1c ph\u1ea7n t\u1eed con tr\u1ef1c ti\u1ebfp c\u1ee7a ph\u1ea7n t\u1eed cha.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201cprev + next\u201d)<\/code>: <\/b><span style=\"font-weight: 400;\">B\u1ed9 ch\u1ecdn n\u00e0y tr\u1ea3 v\u1ec1 ph\u1ea7n t\u1eed li\u1ec1n k\u1ec1 (adjacent) \u0111\u1ee9ng ngay sau ph\u1ea7n t\u1eed prev, c\u00f9ng chung cha v\u00e0 kh\u1edbp v\u1edbi next.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201cprev ~ siblings\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> B\u1ed9 ch\u1ecdn n\u00e0y tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed anh em (sibling) n\u1eb1m sau ph\u1ea7n t\u1eed prev, c\u00f9ng cha v\u00e0 kh\u1edbp v\u1edbi b\u1ed9 ch\u1ecdn siblings.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-selector-theo-thu\u1ed9c-tinh-attribute\"><strong>Selector theo thu\u1ed9c t\u00ednh (attribute)<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed d\u1ef1a tr\u00ean gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh (attribute) c\u1ee7a ch\u00fang.&nbsp;<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-weight: 400;\"><strong>L\u01b0u \u00fd:<\/strong> Khi l\u00e0m vi\u1ec7c v\u1edbi c\u00e1c b\u1ed9 ch\u1ecdn n\u00e0y, b\u1ea1n n\u00ean l\u01b0u \u00fd r\u1eb1ng c\u00e1c b\u1ed9 ch\u1ecdn n\u00e0y coi chu\u1ed7i c\u00f3 nhi\u1ec1u gi\u00e1 tr\u1ecb c\u00e1ch nhau b\u1eb1ng d\u1ea5u c\u00e1ch l\u00e0 m\u1ed9t chu\u1ed7i duy nh\u1ea5t.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ch\u1eb3ng h\u1ea1n nh\u01b0 <code>$(\"a[rel='nofollow']\")<\/code> s\u1ebd kh\u00f4ng ph\u00f9 h\u1ee3p v\u1edbi <code>$(\"a[rel='nofollow other']\")<\/code>.<\/span><\/p>\n<\/blockquote>\n\n\n\n<p><span style=\"font-weight: 400;\">D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch attribute selectors:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>$(\u201c[attribute|='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> B\u1ed9 ch\u1ecdn ki\u1ec3m tra prefix trong thu\u1ed9c t\u00ednh: tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh c\u00f3 gi\u00e1 tr\u1ecb b\u1eb1ng ho\u1eb7c b\u1eaft \u0111\u1ea7u b\u1eb1ng chu\u1ed7i \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh, theo sau l\u00e0 d\u1ea5u g\u1ea1ch ngang.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute*='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> B\u1ed9 ch\u1ecdn ch\u1ee9a gi\u00e1 tr\u1ecb trong thu\u1ed9c t\u00ednh: tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh ch\u1ee9a b\u1ea5t k\u1ef3 v\u1ecb tr\u00ed n\u00e0o chu\u1ed7i con \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh. V\u1ecb tr\u00ed xu\u1ea5t hi\u1ec7n kh\u00f4ng quan tr\u1ecdng, mi\u1ec5n l\u00e0 c\u00f3 ch\u1ee9a chu\u1ed7i \u0111\u00f3.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute~='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> B\u1ed9 ch\u1ecdn n\u00e0y tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh ch\u1ee9a m\u1ed9t t\u1eeb ri\u00eang bi\u1ec7t \u0111\u01b0\u1ee3c ph\u00e2n c\u00e1ch b\u1eb1ng d\u1ea5u c\u00e1ch (gi\u1ed1ng nh\u01b0 class trong HTML).<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute$='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> Tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh m\u00e0 gi\u00e1 tr\u1ecb k\u1ebft th\u00fac b\u1eb1ng chu\u1ed7i ch\u1ec9 \u0111\u1ecbnh.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> B\u1ed9 ch\u1ecdn n\u00e0y tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh c\u00f3 gi\u00e1 tr\u1ecb ch\u00ednh x\u00e1c b\u1eb1ng chu\u1ed7i ch\u1ec9 \u0111\u1ecbnh.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute^='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> Tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh b\u1eaft \u0111\u1ea7u ch\u00ednh x\u00e1c b\u1eb1ng chu\u1ed7i ch\u1ec9 \u0111\u1ecbnh.<\/span><\/li>\n\n\n\n<li><b><code>$(\u201c[attribute!='value']\u201d)<\/code>:<\/b><span style=\"font-weight: 400;\"> Tr\u1ea3 v\u1ec1 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed kh\u00f4ng c\u00f3 thu\u1ed9c t\u00ednh \u0111\u00f3 ho\u1eb7c gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh kh\u00e1c v\u1edbi gi\u00e1 tr\u1ecb \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh trong b\u1ed9 ch\u1ecdn.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-pseudo-class-selector\"><strong>Pseudo-Class selector<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Pseudo-class selector cho ph\u00e9p b\u1ea1n ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed d\u1ef1a tr\u00ean tr\u1ea1ng th\u00e1i ho\u1eb7c v\u1ecb tr\u00ed c\u1ee7a ch\u00fang trong t\u00e0i li\u1ec7u HTML. Nh\u1eefng b\u1ed9 ch\u1ecdn n\u00e0y \u0111\u1eb7c bi\u1ec7t h\u1eefu \u00edch khi b\u1ea1n mu\u1ed1n \u00e1p d\u1ee5ng ki\u1ec3u (style) ho\u1eb7c t\u01b0\u01a1ng t\u00e1c v\u1edbi c\u00e1c ph\u1ea7n t\u1eed trong m\u1ed9t tr\u1ea1ng th\u00e1i c\u1ee5 th\u1ec3.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-first\"><b>:first<\/b><\/h4>\n\n\n\n<p>C<span style=\"font-weight: 400;\">h\u1ecdn ph\u1ea7n t\u1eed \u0111\u1ea7u ti\u00ean trong lo\u1ea1i (type). B\u1ed9 ch\u1ecdn n\u00e0y s\u1ebd ch\u1ecdn ph\u1ea7n t\u1eed &lt;p> \u0111\u1ea7u ti\u00ean tr\u00ean trang.\u00a0<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$('p:first')<\/span><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-last\"><b>:last<\/b><\/h4>\n\n\n\n<p>C<span style=\"font-weight: 400;\">h\u1ecdn ph\u1ea7n t\u1eed cu\u1ed1i c\u00f9ng trong lo\u1ea1i c\u1ee7a n\u00f3. B\u1ed9 ch\u1ecdn n\u00e0y s\u1ebd ch\u1ecdn ph\u1ea7n t\u1eed &lt;p> cu\u1ed1i c\u00f9ng.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$('p:last')<\/span><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-nth-child-n\"><b>:nth-child(n)<\/b><\/h4>\n\n\n\n<p>N<span style=\"font-weight: 400;\">gh\u0129a l\u00e0 ch\u1ecdn ph\u1ea7n t\u1eed con th\u1ee9 n trong ph\u1ea7n t\u1eed cha (parent) c\u1ee7a n\u00f3. B\u1ed9 ch\u1ecdn n\u00e0y s\u1ebd ch\u1ecdn ph\u1ea7n t\u1eed &lt;li> th\u1ee9 2 trong danh s\u00e1ch con c\u1ee7a ph\u1ea7n t\u1eed cha. R\u1ea5t h\u1eefu \u00edch khi b\u1ea1n mu\u1ed1n nh\u1eafm \u0111\u1ebfn m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3 trong danh s\u00e1ch.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$('li:nth-child(2)')<\/span><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-even-ho\u1eb7c-odd\"><b>:even ho\u1eb7c :odd<\/b><\/h4>\n\n\n\n<p>L<span style=\"font-weight: 400;\">\u1ef1a ch\u1ecdn ph\u1ea7n t\u1eed c\u00f3 ch\u1ec9 s\u1ed1 ch\u1eb5n ho\u1eb7c l\u1ebb. B\u1ed9 ch\u1ecdn n\u00e0y s\u1ebd ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;tr> c\u00f3 ch\u1ec9 s\u1ed1 ch\u1eb5n (t\u1ee9c l\u00e0 c\u00e1c h\u00e0ng th\u1ee9 0, 2, 4&#8230;). T\u01b0\u01a1ng t\u1ef1, $(&#8216;tr:odd&#8217;) s\u1ebd ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed c\u00f3 ch\u1ec9 s\u1ed1 l\u1ebb (h\u00e0ng th\u1ee9 1, 3, 5&#8230;).<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$('tr:even')<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-form-selector\"><strong>Form selector<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery cung c\u1ea5p c\u00e1c phi\u00ean b\u1ea3n r\u00fat g\u1ecdn c\u1ee7a b\u1ed9 ch\u1ecdn (selector) cho h\u1ea7u h\u1ebft c\u00e1c ph\u1ea7n t\u1eed trong bi\u1ec3u m\u1eabu (form). Nh\u1eefng b\u1ed9 ch\u1ecdn n\u00e0y \u0111\u01b0\u1ee3c x\u1ebfp v\u00e0o nh\u00f3m b\u1ed9 ch\u1ecdn bi\u1ec3u m\u1eabu (form selectors).<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: \u0110\u1ec3 ch\u1ecdn m\u1ed9t ph\u1ea7n t\u1eed n\u00fat &lt;button> ho\u1eb7c b\u1ea5t k\u1ef3 ph\u1ea7n t\u1eed n\u00e0o c\u00f3 thu\u1ed9c t\u00ednh <code>type=\"button\"<\/code>, thay v\u00ec vi\u1ebft d\u00e0i d\u00f2ng l\u00e0 <code>$(\"button, input[type='button']\")<\/code>, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00fa ph\u00e1p r\u00fat g\u1ecdn l\u00e0:\u00a0<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\".button\")&nbsp;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u01b0\u01a1ng t\u1ef1, \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 <code>type=\"radio\"<\/code>, thay v\u00ec <code>$(\"input[type='radio']\")<\/code>, b\u1ea1n ch\u1ec9 c\u1ea7n vi\u1ebft<\/span>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\".radio\")&nbsp;<\/span><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-m\u1ed9t-s\u1ed1-jquery-selector-khac\"><span class=\"ez-toc-section\" id=\"Mot_so_jQuery_selector_khac\"><\/span><b>M\u1ed9t s\u1ed1 jQuery selector kh\u00e1c<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed \u0111ang \u0111\u01b0\u1ee3c b\u1eadt (enabled) ho\u1eb7c b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a (disabled) b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c b\u1ed9 ch\u1ecdn <\/span><b><code>$(\".enabled\")<\/code><\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b><code>$(\".disabled\")<\/code><\/b><span style=\"font-weight: 400;\">. Tuy nhi\u00ean, b\u1ea1n ch\u1ec9 n\u00ean d\u00f9ng nh\u1eefng b\u1ed9 ch\u1ecdn n\u00e0y cho c\u00e1c ph\u1ea7n t\u1eed h\u1ed7 tr\u1ee3 thu\u1ed9c t\u00ednh disabled, v\u00ed d\u1ee5 nh\u01b0: <code>&lt;button><\/code>, <code>&lt;input><\/code>, <code>&lt;textarea><\/code>.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, c\u00f2n c\u00f3 b\u1ed9 ch\u1ecdn <\/span><b><code>$(\".checked\")<\/code><\/b><span style=\"font-weight: 400;\">, cho ph\u00e9p b\u1ea1n ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed \u0111ang \u0111\u01b0\u1ee3c ch\u1ecdn ho\u1eb7c \u0111\u00e1nh d\u1ea5u, \u00e1p d\u1ee5ng v\u1edbi c\u00e1c ph\u1ea7n t\u1eed checkbox, radio button v\u00e0 option trong th\u1ebb <code>&lt;select><\/code>. N\u1ebfu b\u1ea1n ch\u1ec9 mu\u1ed1n ch\u1ecdn c\u00e1c t\u00f9y ch\u1ecdn (option) \u0111ang \u0111\u01b0\u1ee3c ch\u1ecdn trong th\u1ebb <code>&lt;select><\/code>, th\u00ec n\u00ean d\u00f9ng b\u1ed9 ch\u1ecdn <\/span><b><code>$(\".selected\")<\/code><\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh \u0111\u00f3, jQuery selector c\u00f2n m\u1ed9t s\u1ed1 b\u1ed9 ch\u1ecdn th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nh\u01b0 b\u1ea3ng b\u00ean d\u01b0\u1edbi:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><b>Selector<\/b><\/td><td><b>C\u00fa ph\u00e1p<\/b><\/td><td><b>M\u00f4 t\u1ea3<\/b><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:first-child<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"p:first-child\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;p&gt; l\u00e0 ph\u1ea7n t\u1eed con<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:last-child<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"p:last-child\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed cu\u1ed1i c\u00f9ng c\u1ee7a &lt;p&gt; l\u00e0 ph\u1ea7n t\u1eed con.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:only-child<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"p:only-child\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;p&gt; l\u00e0 ph\u1ea7n t\u1eed con duy nh\u1ea5t.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:only-of-type<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"p:only-of-type\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;p&gt; l\u00e0 ph\u1ea7n t\u1eed con c\u1ee7a lo\u1ea1i (type) \u0111\u00f3<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:header<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":header\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed header (h1, h2, h3, h4, h5, h6)<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:hidden\u00a0<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"p:hidden\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;p&gt; b\u1ecb \u1ea9n<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:animated\u00a0<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":animated\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed \u0111ang \u0111\u01b0\u1ee3c ch\u00e8n hi\u1ec7u \u1ee9ng<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:root\u00a0<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":root\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn ph\u1ea7n t\u1eed g\u1ed1c c\u1ee7a document<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:focus\u00a0<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":focus\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn ph\u1ea7n t\u1eed \u0111ang \u0111\u01b0\u1ee3c focus<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:has(selector)<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":has(p)\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed div c\u00f3 ch\u1ee9a th\u1ebb &lt;p&gt;<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:empty<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":empty\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">C\u00e1c ph\u1ea7n t\u1eed tr\u1ed1ng \u0111\u01b0\u1ee3c ch\u1ecdn<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>[attribute]<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"[href]\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh href \u0111\u01b0\u1ee3c ch\u1ecdn.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>[attribute=value]<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"[href='gfg.css']\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh href b\u1eb1ng gfg.css \u0111\u01b0\u1ee3c ch\u1ecdn.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>[attribute^=value]<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"[title^='value']\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh title b\u1eaft \u0111\u1ea7u b\u1eb1ng &#8220;value&#8221; \u0111\u01b0\u1ee3c ch\u1ecdn.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>[attribute~=value]<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\"[title~='Good']\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh title ch\u1ee9a gi\u00e1 tr\u1ecb c\u1ee5 th\u1ec3 &#8220;Good&#8221; \u0111\u01b0\u1ee3c ch\u1ecdn.<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\"><code>:input<\/code><\/span><\/td><td><span style=\"font-weight: 400;\"><code>$(\":input\")<\/code><\/span><\/td><td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed input v\u00e0 textarea, select, button \u0111\u01b0\u1ee3c ch\u1ecdn.<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cach-t\u1ed1i-\u01b0u-jquery-b\u1eb1ng-k\u1ef9-thu\u1eadt-cache-selector\"><span class=\"ez-toc-section\" id=\"Cach_toi_uu_jQuery_bang_ky_thuat_cache_selector\"><\/span><b>C\u00e1ch t\u1ed1i \u01b0u jQuery b\u1eb1ng k\u1ef9 thu\u1eadt cache selector<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng ch\u1ecdn b\u1ea5t k\u1ef3 ph\u1ea7n t\u1eed n\u00e0o b\u1eb1ng c\u00e1c selector ph\u1ee9c t\u1ea1p. V\u00ed d\u1ee5, \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c li\u00ean k\u1ebft c\u00f3 class externalLink, b\u1ea1n c\u00f3 th\u1ec3 vi\u1ebft:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"a.externalLink\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Tuy nhi\u00ean, vi\u1ec7c ch\u1ecdn ph\u1ea7n t\u1eed theo c\u00e1ch n\u00e0y s\u1ebd t\u1ed1n t\u00e0i nguy\u00ean x\u1eed l\u00fd, v\u00ec m\u1ed7i l\u1ea7n g\u1ecdi, jQuery ph\u1ea3i qu\u00e9t l\u1ea1i to\u00e0n b\u1ed9 DOM \u0111\u1ec3 t\u00ecm ph\u1ea7n t\u1eed ph\u00f9 h\u1ee3p.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n c\u1ea7n s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t selector nhi\u1ec1u l\u1ea7n, t\u1ed1t nh\u1ea5t n\u00ean l\u01b0u (cache) k\u1ebft qu\u1ea3 tr\u1ea3 v\u1ec1 v\u00e0o m\u1ed9t bi\u1ebfn. Vi\u1ec7c n\u00e0y s\u1ebd gi\u1ea3m s\u1ed1 l\u1ea7n qu\u00e9t DOM v\u00e0 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t \u0111\u00e1ng k\u1ec3.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 \u0111o\u1ea1n m\u00e3 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"a .externalLink\").click(function () {\n\n\u00a0\u00a0$(\"a .externalLink\").removeClass(\"marked\");\n\n\u00a0\u00a0$(\"a .externalLink\").addClass(\"visited\");\n\n});<\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c vi\u1ebft l\u1ea1i t\u1ed1i \u01b0u h\u01a1n nh\u01b0 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var $linkExternal = $(\"a .externalLink\");\n\n$linkExternal.click(function () {\n\n\u00a0\u00a0$linkExternal.removeClass(\"marked\");\n\n\u00a0\u00a0$linkExternal.addClass(\"visited\");\n\n});<\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Theo c\u00e1ch n\u00e0y, tr\u00ecnh duy\u1ec7t ch\u1ec9 c\u1ea7n qu\u00e9t t\u00e0i li\u1ec7u m\u1ed9t l\u1ea7n duy nh\u1ea5t thay v\u00ec ba l\u1ea7n, gi\u00fap ti\u1ebft ki\u1ec7m th\u1eddi gian x\u1eed l\u00fd. M\u1eb7c d\u00f9 trong v\u00ed d\u1ee5 nh\u1ecf n\u00e0y ch\u00eanh l\u1ec7ch hi\u1ec7u su\u1ea5t c\u00f3 th\u1ec3 kh\u00f4ng r\u00f5 r\u1ec7t, nh\u01b0ng n\u1ebfu b\u1ea1n \u0111ang x\u1eed l\u00fd h\u00e0ng ch\u1ee5c ho\u1eb7c h\u00e0ng tr\u0103m selector th\u00ec l\u1ee3i \u00edch s\u1ebd r\u1ea5t \u0111\u00e1ng k\u1ec3.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, hi\u1ec7u su\u1ea5t c\u1ee7a selector <code>:visible<\/code> trong jQuery c\u0169ng \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 nh\u1edd vi\u1ec7c \u00e1p d\u1ee5ng k\u1ef9 thu\u1eadt caching.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cau-h\u1ecfi-th\u01b0\u1eddng-g\u1eb7p-v\u1ec1-jquery-selector\"><span class=\"ez-toc-section\" id=\"Cau_hoi_thuong_gap_ve_jQuery_selector\"><\/span><b>C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 jQuery selector<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-co-bao-nhieu-lo\u1ea1i-selector-trong-jquery\"><strong>C\u00f3 bao nhi\u00eau lo\u1ea1i selector trong jQuery?<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">jQuery selector \u0111\u01b0\u1ee3c chia th\u00e0nh nhi\u1ec1u lo\u1ea1i kh\u00e1c nhau nh\u01b0: selector c\u01a1 b\u1ea3n, selector ph\u00e2n c\u1ea5p, selector l\u1ecdc c\u01a1 b\u1ea3n, selector l\u1ecdc theo n\u1ed9i dung, selector l\u1ecdc theo hi\u1ec3n th\u1ecb, selector theo thu\u1ed9c t\u00ednh, selector l\u1ecdc theo con, selector d\u00e0nh cho bi\u1ec3u m\u1eabu, v\u00e0 nhi\u1ec1u lo\u1ea1i kh\u00e1c.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">M\u1ed7i lo\u1ea1i selector \u0111\u1ec1u c\u00f3 c\u00e1ch th\u1ee9c ri\u00eang \u0111\u1ec3 ch\u1ecdn ph\u1ea7n t\u1eed, d\u1ef1a tr\u00ean c\u00e1c \u0111i\u1ec1u ki\u1ec7n v\u00e0 tham s\u1ed1 c\u1ee5 th\u1ec3 \u2014 gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng ki\u1ec3m so\u00e1t v\u00e0 thao t\u00e1c DOM theo \u0111\u00fang nhu c\u1ea7u.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-lam-sao-d\u1ec3-s\u1eed-d\u1ee5ng-nhi\u1ec1u-selector-cung-luc-trong-jquery\"><strong>L\u00e0m sao \u0111\u1ec3 s\u1eed d\u1ee5ng nhi\u1ec1u selector c\u00f9ng l\u00fac trong jQuery?<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nhi\u1ec1u selector trong jQuery b\u1eb1ng c\u00e1ch ng\u0103n c\u00e1ch t\u1eebng selector b\u1eb1ng d\u1ea5u ph\u1ea9y (,).&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5, \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c \u0111o\u1ea1n v\u0103n (&lt;p&gt;) v\u00e0 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;div&gt;, b\u1ea1n s\u1ebd s\u1eed d\u1ee5ng c\u00fa ph\u00e1p:&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"p, div\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00e2u l\u1ec7nh n\u00e0y s\u1ebd tr\u1ea3 v\u1ec1 to\u00e0n b\u1ed9 c\u00e1c ph\u1ea7n t\u1eed \u0111o\u1ea1n v\u0103n v\u00e0 div c\u00f3 trong t\u00e0i li\u1ec7u HTML.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-lam-sao-d\u1ec3-s\u1eed-d\u1ee5ng-attribute-selector-trong-jquery\"><strong>L\u00e0m sao \u0111\u1ec3 s\u1eed d\u1ee5ng attribute selector trong jQuery?<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Attribute selector trong jQuery \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed c\u00f3 ch\u1ee9a m\u1ed9t thu\u1ed9c t\u00ednh nh\u1ea5t \u0111\u1ecbnh ho\u1eb7c m\u1ed9t gi\u00e1 tr\u1ecb c\u1ee5 th\u1ec3 c\u1ee7a thu\u1ed9c t\u00ednh \u0111\u00f3.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5, \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh title, b\u1ea1n s\u1ebd s\u1eed d\u1ee5ng:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"&#91;title]\")<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00f2n n\u1ebfu b\u1ea1n mu\u1ed1n ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed c\u00f3 thu\u1ed9c t\u00ednh title v\u00e0 gi\u00e1 tr\u1ecb b\u1eb1ng m\u1ed9t chu\u1ed7i c\u1ee5 th\u1ec3, b\u1ea1n s\u1ebd d\u00f9ng c\u00fa ph\u00e1p:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$(\"&#91;title='gi\u00e1 tr\u1ecb']\")<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-co-th\u1ec3-s\u1eed-d\u1ee5ng-selector-css-trong-jquery-khong\"><strong>C\u00f3 th\u1ec3 s\u1eed d\u1ee5ng selector CSS trong jQuery kh\u00f4ng?<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00e2u tr\u1ea3 l\u1eddi l\u00e0 C\u00f3. jQuery h\u1ed7 tr\u1ee3 h\u1ea7u h\u1ebft c\u00e1c <\/span><a href=\"https:\/\/itviec.com\/blog\/css-selector\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">selector CSS<\/span><\/a><span style=\"font-weight: 400;\">, bao g\u1ed3m selector theo tag, class, ID, c\u0169ng nh\u01b0 c\u00e1c selector n\u00e2ng cao nh\u01b0 <code>:first-child<\/code>, <code>:nth-child(n)<\/code>, <code>:not()<\/code>, <code>:checked<\/code>,&#8230;. \u0110\u00e2y ch\u00ednh l\u00e0 \u0111i\u1ec3m m\u1ea1nh gi\u00fap jQuery d\u1ec5 ti\u1ebfp c\u1eadn v\u1edbi nh\u1eefng ai \u0111\u00e3 quen thu\u1ed9c v\u1edbi CSS. Tuy nhi\u00ean, m\u1ed9t s\u1ed1 selector CSS m\u1edbi (CSS3+) c\u00f3 th\u1ec3 kh\u00f4ng t\u01b0\u01a1ng th\u00edch ho\u00e0n to\u00e0n v\u1edbi jQuery phi\u00ean b\u1ea3n c\u0169.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-k\u1ebft-v\u1ec1-jquery-selector\"><span class=\"ez-toc-section\" id=\"Tong_ket_ve_jQuery_selector\"><\/span><b>T\u1ed5ng k\u1ebft v\u1ec1 jQuery selector<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><b>jQuery selector<\/b><span style=\"font-weight: 400;\"> l\u00e0 c\u00f4ng c\u1ee5 gi\u00fap b\u1ea1n l\u1eadp tr\u00ecnh web hi\u1ec7u qu\u1ea3 v\u00e0 nhanh g\u1ecdn h\u01a1n. Vi\u1ec7c hi\u1ec3u s\u00e2u v\u00e0 s\u1eed d\u1ee5ng thu\u1ea7n th\u1ee5c c\u00e1c selector s\u1ebd gi\u00fap b\u1ea1n t\u1ed1i \u01b0u ho\u00e1 code, gi\u1ea3m l\u1ed7i v\u00e0 t\u0103ng t\u1ed1c \u0111\u1ed9 ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng. T\u1eeb nh\u1eefng selector \u0111\u01a1n gi\u1ea3n \u0111\u1ebfn nh\u1eefng bi\u1ec3u th\u1ee9c ph\u1ee9c t\u1ea1p, m\u1ed7i l\u1ef1a ch\u1ecdn \u0111\u1ec1u l\u00e0 m\u1ed9t b\u01b0\u1edbc ti\u1ebfn \u0111\u1ebfn kh\u1ea3 n\u0103ng l\u00e0m ch\u1ee7 DOM v\u00e0 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t h\u01a1n.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery selector l\u00e0 c\u00f4ng c\u1ee5 c\u1ed1t l\u00f5i trong l\u1eadp tr\u00ecnh front-end, gi\u00fap b\u1ea1n ti\u1ebfp c\u1eadn v\u00e0 thao t\u00e1c ph\u1ea7n t\u1eed HTML trong trang web m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd cung c\u1ea5p cho b\u1ea1n m\u1ed9t h\u01b0\u1edbng d\u1eabn to\u00e0n di\u1ec7n v\u1ec1 c\u00e1c lo\u1ea1i selector trong jQuery, t\u1eeb c\u01a1 b\u1ea3n nh\u1ea5t nh\u01b0 ID, class, tag [&hellip;]<\/p>\n","protected":false},"author":207,"featured_media":88636,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109],"tags":[],"class_list":["post-88570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn - ITviec Blog<\/title>\n<meta name=\"description\" content=\"T\u00ecm hi\u1ec3u ngay c\u00e1c lo\u1ea1i jQuery selector t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, c\u00e1ch cache selector \u0111\u1ec3 t\u1ed1i \u01b0u jQuery,... gi\u00fap t\u0103ng t\u1ed1c ph\u00e1t tri\u1ec3n website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn\" \/>\n<meta property=\"og:description\" content=\"jQuery selector l\u00e0 c\u00f4ng c\u1ee5 c\u1ed1t l\u00f5i trong l\u1eadp tr\u00ecnh front-end, gi\u00fap b\u1ea1n ti\u1ebfp c\u1eadn v\u00e0 thao t\u00e1c ph\u1ea7n t\u1eed HTML trong trang web m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-29T07:37:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-29T15:32:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1347\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Uyen Ngo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Uyen Ngo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn - ITviec Blog","description":"T\u00ecm hi\u1ec3u ngay c\u00e1c lo\u1ea1i jQuery selector t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, c\u00e1ch cache selector \u0111\u1ec3 t\u1ed1i \u01b0u jQuery,... gi\u00fap t\u0103ng t\u1ed1c ph\u00e1t tri\u1ec3n website.","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:\/\/itviec.com\/blog\/jquery-selector-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn","og_description":"jQuery selector l\u00e0 c\u00f4ng c\u1ee5 c\u1ed1t l\u00f5i trong l\u1eadp tr\u00ecnh front-end, gi\u00fap b\u1ea1n ti\u1ebfp c\u1eadn v\u00e0 thao t\u00e1c ph\u1ea7n t\u1eed HTML trong trang web m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd","og_url":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2025-06-29T07:37:07+00:00","article_modified_time":"2025-06-29T15:32:43+00:00","og_image":[{"width":2560,"height":1347,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png","type":"image\/png"}],"author":"Uyen Ngo","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Uyen Ngo","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"16 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/"},"author":{"name":"Uyen Ngo","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20"},"headline":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn","datePublished":"2025-06-29T07:37:07+00:00","dateModified":"2025-06-29T15:32:43+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/"},"wordCount":3952,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/","url":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/","name":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png","datePublished":"2025-06-29T07:37:07+00:00","dateModified":"2025-06-29T15:32:43+00:00","description":"T\u00ecm hi\u1ec3u ngay c\u00e1c lo\u1ea1i jQuery selector t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, c\u00e1ch cache selector \u0111\u1ec3 t\u1ed1i \u01b0u jQuery,... gi\u00fap t\u0103ng t\u1ed1c ph\u00e1t tri\u1ec3n website.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/06\/jquery-selector-la-gi-2-vippro-scaled.png","width":2560,"height":1347,"caption":"jquery selector l\u00e0 g\u00ec - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/jquery-selector-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"jQuery Selector l\u00e0 g\u00ec: C\u00e1ch d\u00f9ng 7 selector ph\u1ed5 bi\u1ebfn"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20","name":"Uyen Ngo","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","caption":"Uyen Ngo"},"url":"https:\/\/itviec.com\/blog\/author\/uyen-ngo\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/88570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=88570"}],"version-history":[{"count":3,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/88570\/revisions"}],"predecessor-version":[{"id":88643,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/88570\/revisions\/88643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/88636"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=88570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=88570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=88570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}