1. الطريقة
التفاف: تغليف جميع العناصر المطابقة ببنية العناصر الأخرى
WrapAll: تغليف جميع العناصر المتطابقة بعنصر واحد
WrapInner: لف الفئة الفرعية للعنصر المطابق ببنية html
2. أمثلة
(1) التفاف
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</الرأس>
<الجسم>
<ديف>
<a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a>
</div>
</الجسم>
</html>
يعرض Firebug النتائج:
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<نوع البرنامج النصي = "نص/جافا سكريبت">
</الرأس>
<الجسم>
<ديف>
<div معرف = "معرف">
<a>ليوكسينجيو</a>
</div>
<div معرف = "معرف">
<a>ليوكسينجيو</a>
</div>
<div معرف = "معرف">
<a>ليوكسينجيو</a>
</div>
<div معرف = "معرف">
<a>ليوكسينجيو</a>
</div>
</div>
</الجسم>
</html>
(2) التفاف الكل
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</الرأس>
<الجسم>
<ديف>
<a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a>
</div>
</الجسم>
</html>
يعرض Firebug النتائج:
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</الرأس>
<الجسم>
<ديف>
<div معرف = "معرف">
<a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a>
</div>
</div>
</الجسم>
</html>
(3) التفاف داخلي
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</الرأس>
<الجسم>
<ديف>
<a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a>
</div>
</الجسم>
</html>
يعرض Firebug النتائج:
انسخ رمز الكود كما يلي:
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<title>أدخل العنوان هنا</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</الرأس>
<الجسم>
<ديف>
<div معرف = "معرف">
<a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a> <a>ليوكسينغيو</a>
</div>
</div>
</الجسم>
</html>