الفرق بين المراجعتين لصفحة: «jQuery/detach»
< jQuery
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>.detach()</code> في jQuery}}</noinclude> == <code>.detach( [s...' |
Khaled-yassin (نقاش | مساهمات) لا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدم واحد آخر غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التابع <code>.detach() | <noinclude>{{DISPLAYTITLE:التابع <code>.detach()</code> في jQuery}}</noinclude> | ||
== <code>.detach( [selector ] )</code> == | == <code>.detach( [selector ] )</code> == | ||
| سطر 13: | سطر 12: | ||
==== <code>selector</code> ==== | ==== <code>selector</code> ==== | ||
تعبير مُحدِّد يُرشِح مجموعة العناصر المتطابقة المراد حذفها وهو من النوع [[ | تعبير مُحدِّد يُرشِح مجموعة العناصر المتطابقة المراد حذفها وهو من النوع [[jQuery/selectors|Selector]]. | ||
يعمل التابع <code>.detach()</code> مثل التابع <code>[[jQuery/remove|.remove()]]</code> ، باستثناء أن <code>.detach()</code> يحتفظ بكل بيانات jQuery المرتبطة بالعناصر المحذوفة. يُفيد هذا التابع عند إعادة إدراج العناصر التي تمت إزالتها إلى DOM في وقت لاحق. | يعمل التابع <code>.detach()</code> مثل التابع <code>[[jQuery/remove|.remove()]]</code> ، باستثناء أن <code>.detach()</code> يحتفظ بكل بيانات jQuery المرتبطة بالعناصر المحذوفة. يُفيد هذا التابع عند إعادة إدراج العناصر التي تمت إزالتها إلى DOM في وقت لاحق. | ||
=== أمثلة === | === أمثلة === | ||
حذف جميع الفقرات من DOM | حذف جميع الفقرات من DOM:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>detach | <title>detach مثال على التابع</title> | ||
<style> | <style> | ||
p { | p { | ||
| سطر 37: | سطر 36: | ||
<body> | <body> | ||
<p> | <p> مرحبًا</p> | ||
كيف | |||
<p> | <p>حالك?</p> | ||
<button> | <button>لصق / فصل الفقرات</button> | ||
<script> | <script> | ||
| سطر 62: | سطر 61: | ||
== مصادر == | == مصادر == | ||
[http://api.jquery.com/detach/ صفحة التابع .detach() في توثيق jQuery الرسمي]. | * [http://api.jquery.com/detach/ صفحة التابع .detach() في توثيق jQuery الرسمي]. | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Method]] | [[تصنيف:jQuery Method]] | ||
[[تصنيف:jQuery Manipulation]] | [[تصنيف:jQuery Manipulation]] | ||
المراجعة الحالية بتاريخ 14:31، 5 يونيو 2018
.detach( [selector ] )
القيمة المعادة
يُعيد كائنًا من النوع jQuery.
الوصف
يحذف هذا التابع مجموعة العناصر المتطابقة من DOM.
.detach( [selector ] )
أُضيف مع الإصدار: 1.4.
selector
تعبير مُحدِّد يُرشِح مجموعة العناصر المتطابقة المراد حذفها وهو من النوع Selector.
يعمل التابع .detach() مثل التابع .remove() ، باستثناء أن .detach() يحتفظ بكل بيانات jQuery المرتبطة بالعناصر المحذوفة. يُفيد هذا التابع عند إعادة إدراج العناصر التي تمت إزالتها إلى DOM في وقت لاحق.
أمثلة
حذف جميع الفقرات من DOM:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>detach مثال على التابع</title>
<style>
p {
background: yellow;
margin: 6px 0;
}
p.off {
background: black;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p> مرحبًا</p>
كيف
<p>حالك?</p>
<button>لصق / فصل الفقرات</button>
<script>
$( "p" ).click(function() {
$( this ).toggleClass( "off" );
});
var p;
$( "button" ).click(function() {
if ( p ) {
p.appendTo( "body" );
p = null;
} else {
p = $( "p" ).detach();
}
});
</script>
</body>
</html>