الفرق بين المراجعتين لصفحة: «jQuery/detach»
< jQuery
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التابع <code>.detach() | <noinclude>{{DISPLAYTITLE:التابع <code>.detach()</code> في jQuery}}</noinclude> | ||
== <code>.detach( [selector ] )</code> == | == <code>.detach( [selector ] )</code> == | ||
مراجعة 09:10، 12 مايو 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 demo</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>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</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>