التابع ‎.detach()‎‎‎ في jQuery

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

‎.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>

مصادر