jQuery DOM (jQuery DOM)
«DOM» مخفف «Document Object Model» است. یعنی نمای درختی صفحه. با «jQuery DOM» عناصر را حذف یا والدشان را پیدا می کنی. همچنین، معادل های جاوااسکریپت استاندارد هم هستند. برای مرور سریع jQuery DOM همین صفحه را نگه دار.
jQuery در برابر JavaScript استاندارد
jQuery کارهای DOM را کوتاه می کند. اما از ES5 به بعد، نسخه استاندارد هم ساده است. پس انتخاب با توست. اول سریع برو، بعد عمیق شو.
نکته: اگر بخش های jQuery CSS و jQuery HTML را دیدی، این بخش روان تر می شود.
حذف عنصر (Remove Element)
می خواهی یک عنصر را کاملاً پاک کنی؟ از «remove()» استفاده کن. «حذف» یعنی عنصر از DOM بیرون می رود.
$("#id02").remove();
document.getElementById("id02").remove();
گرفتن والد (Get Parent)
گاهی باید والد یک عنصر را بشناسی. «والد (Parent)» یعنی تگ بالادستی در درخت DOM.
let myParent = $("#02").
parent().
prop("nodeName");
let myParent = document.
getElementById("02").
parentNode.
nodeName;
گام های عملی
- عنصر هدف را با شناسه یا کلاس پیدا کن.
- اگر باید پاک شود، از remove استفاده کن.
- اگر والد را می خواهی، از parent یا parentNode برو.
- نام تگ والد را با nodeName بگیر.
- خروجی را در کنسول بررسی کن.
جمع بندی سریع
- jQuery DOM کوتاه و سرراست است.
- remove عنصر را کامل حذف می کند.
- parent والد مستقیم را برمی گرداند.
- استاندارد JS هم معادل دارد.
- nodeName نام تگ والد است.
هشدار: حذف اشتباه، چیدمان را خراب می کند. قبل از remove مطمئن شو.