آموزش حذف عناصر remove در jQuery

بهاره حسنیبهاره حسنی
162 بازدید
remove elements
[cdb_box_content]

با عرض سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

با یکی دیگر از مقالات آموزش جی کوئری در خدمت شما عزیزان هستیم.

می توانید برای مطالعه بیشتر در مورد جی کوئری به این لینک در وب سایت پرنیان طرح مراجعه کنید.

در آموزش امروز قصد داریم در مورد حذف عناصر remove در کتابخانه جی کوئری صحبت کنیم.

در ادامه آموزش همراه ما باشید.

[/cdb_box_content]
[cdb_box_content]

مقدمه


با استفاده از jQuery حذف عناصر html موجود آسان است.

برای حذف عناصر (remove) و محتوا ، عمدتا دو روش jQuery وجود دارد.

۱- remove : عنصر انتخاب شده را حذف میکند.

۲- empty : عناصر داخلی را از عنصر انتخاب شده حذف میکند.

[/cdb_box_content]
[cdb_box_content]

متد ()remove :

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

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“#div1″).remove();
});
});
</script>
</head>
<body>

<div id=”div1″ style=”height:100px;width:300px;border:1px solid black;background-color:yellow;”>

This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>

</div>
<br>

<button>Remove div element</button>

</body>

[/php]

میتوانید خروجی این مثال را در این لینک ببینید.

[/cdb_box_content]
[cdb_box_content]

متد ()empty :

فقط المان های درونی عناصر انتخابی را حذف میکند.

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“#div1″).empty();
});
});
</script>
</head>
<body>

<div id=”div1″ style=”height:100px;width:300px;border:1px solid black;background-color:yellow;”>

This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>

</div>
<br>

<button>Empty the div element</button>

</body>

[/php]

میتوانید خروجی این مثال را در این لینک ببینید.

[/cdb_box_content]
[cdb_box_content]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[/cdb_box_content]
دسته بندی JQuery
اشتراک گذاری

نوشته های مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

23+ محصولات
405+ سفارشات تکمیل شده
2098+ کاربران
399+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت