آموزش مقدماتی تا پیشرفته جی کوئری (jquery) حذف تگ و محتوای آن با متد remove
با فصل سوم آموزش جی کوئری با عنوان html در جی کوئری در خدمت شما عزیزان هستیم.در این قسمت درباره تابع remove صحبت خواهیم کرد ، ساختار تابع remove به شکل زیر میباشد که این تابع هیچگونه آرگومان یا پارامتر ورودی ندارد و در آن تابع را روی یک selector اعمال میکنیم : $ (selector) . remove ( ) ; در واقع عنصر HTML ی که متد remove را روی آن اعمال کردیم ، عنصر مورد نظر را به همراه تمام متن و اشیای فرزندش از صفحه حذف می کند ، همچنین تمام اطلاعات و رویدادهای مرتبط با آن عنصر را نیز حذف می کند .به عنوان مثال گاها در وبسایت ها پیغام خطای سیستم را دیده اید که بصورت یک کادر نمایش داده میشود و کاربر با زدن روی علامت x ، آن کادر را بهمراه تمام متن ها یا محتوای داخل کادر حذف میکند.در این جلسه قصد داریم با ارائه مثالی ساده به روش کار با این متد بپردازیم.مثل قسمت های قبلی ابتدا به پروژه مون یک webform جدید اضافه میکنیم.سپس کتابخانه جی کوئری را با استفاده از تگ script در پروژه لود میکنیم.گام بعدی درون تگ body یک تگ div ایجاد میکنیم و یک کلاس به نام main بهش میدیم و درون این div یک متن به نام "پیغام سیستم" و یک تگ button به نام X استفاده میکنیم و بهش یک کلاس به نام exi میدیم.داخل تگ body با استفاده از تگ style به div مون استایل میدیم که رنگ پس زمینه و طولش متناسب با اون چیزی بشه که ما میخواهیم.به button هم یک استایل میدیم به اینصورت که float اون رو برابر right قرار میدیم تا در سمت راست کادر قرار بگیرد.قصد داریم وقتی کاربر روی دکمه X کلیک کرد کل کادر یا عنصر div به همراه فرزندان و محتوای درونش حذف یا محو بشه.بنابراین یک تگ script دیگه ایجاد میکنیم و با استفاده از کدهای جی کوئری عنصر مورد نظر را حذف میکنیم به این صورت که با استفاده از علامت دالر $ عنصر داکیومنت document را انتخاب یا select میکنیم که زمانی که این داکیومنت document کاملا لود شد ، فانکشنی رو اجرا کنه که وقتی کاربر روی button کلیک کرد ، رویداد click فعال بشه و سپس عنصر div به همراه تمام محتویات اعم از فرزندان و متن درونش ، حذف یا پنهان شه.
با فصل سوم آموزش جی کوئری با عنوان html در جی کوئری در خدمت شما عزیزان هستیم.در این قسمت درباره تابع remove صحبت خواهیم کرد ، ساختار تابع remove به شکل زیر میباشد که این تابع هیچگونه آرگومان یا پارامتر ورودی ندارد و در آن تابع را روی یک selector اعمال میکنیم : $ (selector) . remove ( ) ; در واقع عنصر HTML ی که متد remove را روی آن اعمال کردیم ، عنصر مورد نظر را به همراه تمام متن و اشیای فرزندش از صفحه حذف می کند ، همچنین تمام اطلاعات و رویدادهای مرتبط با آن عنصر را نیز حذف می کند .به عنوان مثال گاها در وبسایت ها پیغام خطای سیستم را دیده اید که بصورت یک کادر نمایش داده میشود و کاربر با زدن روی علامت x ، آن کادر را بهمراه تمام متن ها یا محتوای داخل کادر حذف میکند.در این جلسه قصد داریم با ارائه مثالی ساده به روش کار با این متد بپردازیم.مثل قسمت های قبلی ابتدا به پروژه مون یک webform جدید اضافه میکنیم.سپس کتابخانه جی کوئری را با استفاده از تگ script در پروژه لود میکنیم.گام بعدی درون تگ body یک تگ div ایجاد میکنیم و یک کلاس به نام main بهش میدیم و درون این div یک متن به نام "پیغام سیستم" و یک تگ button به نام X استفاده میکنیم و بهش یک کلاس به نام exi میدیم.داخل تگ body با استفاده از تگ style به div مون استایل میدیم که رنگ پس زمینه و طولش متناسب با اون چیزی بشه که ما میخواهیم.به button هم یک استایل میدیم به اینصورت که float اون رو برابر right قرار میدیم تا در سمت راست کادر قرار بگیرد.قصد داریم وقتی کاربر روی دکمه X کلیک کرد کل کادر یا عنصر div به همراه فرزندان و محتوای درونش حذف یا محو بشه.بنابراین یک تگ script دیگه ایجاد میکنیم و با استفاده از کدهای جی کوئری عنصر مورد نظر را حذف میکنیم به این صورت که با استفاده از علامت دالر $ عنصر داکیومنت document را انتخاب یا select میکنیم که زمانی که این داکیومنت document کاملا لود شد ، فانکشنی رو اجرا کنه که وقتی کاربر روی button کلیک کرد ، رویداد click فعال بشه و سپس عنصر div به همراه تمام محتویات اعم از فرزندان و متن درونش ، حذف یا پنهان شه.