پرنیان طرح | انجام امور پرداختی و مجازی | فایل های گرافیکی | پرداخت های بین المللی
نویسنده: بهاره حسنی 
با عرض سلام خدمت همراهان همیشگی وب سایت پرنیان طرح
با یکی دیگر از مقالات آموزش جی کوئری در خدمت شما عزیزان هستیم.
می توانید برای مطالعه بیشتر در مورد جی کوئری به این لینک در وب سایت پرنیان طرح مراجعه کنید.
در آموزش امروز قصد داریم در مورد حذف عناصر remove در کتابخانه جی کوئری صحبت کنیم.
در ادامه آموزش همراه ما باشید.
مقدمه
با استفاده از jQuery حذف عناصر html موجود آسان است.
برای حذف عناصر (remove) و محتوا ، عمدتا دو روش jQuery وجود دارد.
1- remove : عنصر انتخاب شده را حذف میکند.
2- empty : عناصر داخلی را از عنصر انتخاب شده حذف میکند.
متد ()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]
میتوانید خروجی این مثال را در این لینک ببینید.
متد ()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]
میتوانید خروجی این مثال را در این لینک ببینید.
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.
