حذف‌کردن عنصر‌ها

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

با کمک jQuery، حذف کردن عنصرهای HTML موجود آسان است.[۱]

حذف کردن عنصر ها/محتوا

برای حذف کردن عنصرها و محتوا، دو متد اصلی jQuery وجود دارد:

  • remove() - عنصر انتخاب شده (و فرزندان آن عنصر) را حذف می‌کند
  • empty() - عنصرهای فرزند را از عنصر انتخاب شده حذف می‌کند

متد remove() در jQuery

متد remove() در jQuery عنصر (های) انتخاب شده و عنصرهای فرزندانش را حذف می‌کند.

مثال
$("#div1").remove();

متد empty() در jQuery

متد empty() در jQuery عنصرهای فرزند عنصر (های) انتخاب شده را حذف می‌کند.

مثال
$("#div1").empty();

فیلترکردن عنصرها برای حذف شدن

متد remove() در jQuery یک پارامتر را هم می‌پذیرد که امکان فیلترکردن عنصرها را برای حذف شدن فراهم می‌کند.

این پارامتر می‌تواند هر کدام از نحوهای انتخابگر jQuery باشد.

مثال زیر همهٔ عنصرهای <p> با class="test" را حذف می‌کند:

مثال
$("p").remove(".test");

این مثال همهٔ عنصرهای <p> با class="test" یا class="demo" را حذف می‌کند:

مثال
$("p").remove(".test, .demo");

تمرین‌های jQuery

مرجع jQuery HTML

برای مرور کامل همه متدهای jQuery HTML، لطفاً به مرجع جی کوئری HTML/CSS مراجعه کنید.


منابع آموزشی