نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
Document.createTextNode()
يُنشئ التّابع Document.createTextNode() عقدةً نصيّةً جديدة. البنية العامة var text = document.createTextNode(data);
text عقدةٌ نصيّة. data سلسلةٌ نصيّة تحتوي على البيانات المرغوب إضافتها إلى العقدة النّصيّة. أمثلة <!DOCTYPE html>
<html lang="en">
<head>
<title>createTextNode example</title>
<script>
function addTextNode(text) {
var newtext = document.createTextNode(text),
p1 = document.getElementById("p1");
p1.appendChild(newtext);
}
</script>
</head>
<body>
<button onclick="addTextNode('نعم ');">YES!</button>
<button onclick="addTextNode('لا ');">NO!</button>
<button onclick="addTextNode('نستطيع ');">WE CAN!</button>
<hr />
<p id="p1">أول سطرٍ من الفقرة</p>
</body>
</html>
دعم المتصفحات الميزة Chrome Internet Explorer Firefox Opera Safari الدعم ...
التابع .not() في jQuery
.not( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يحذف هذا التابع عناصر محدَّدة من مجموعة من العناصر المطابقة. .not( selector ) أُضيف مع الإصدار: 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد، أو عنصر DOM، أو مصفوفة من العناصر لمطابقة مجموعة معينة من العناصر. .not( function ) أُضيف مع الإصدار: 1.4. function دالة من الشكل Function( Number index, Element element ) تعيد قيمة منطقيَّة Boolean، وتُستعمَل للتحقُّق من كلِّ عنصر من عناصر المجموعة. تقبل هذه الدالة ...
التابع .wrapInner() في jQuery
.wrapInner( wrappingElement ) القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف تغليف شيفرة HTML حول محتوى كل عنصر في مجموعة العناصر المُطابقة. .wrapInner( wrappingElement ) أُضيف مع الإصدار: 1.2. wrappingElement شيفرة HTML أو تعبير مُحدد أو كائن jQuery أو عنصر DOM يحدد شيفرة تغليف محتوى العناصر المُطابقة. وهو من النوع Selector أو htmlString أو Element أو jQuery. .wrapInner( function ) أُضيف مع الإصدار: 1.4. function دالة على الشكل Function( Integer index ) => String. وهي دالة رد نداء تُنشئ شيفرة HTML لتغليف محتوى العناصر ...
التابع .toArray() في jQuery
.toArray() القيم المعادة يعيد مصفوفة من النوع Array. الوصف يضع هذا التابع جميع العناصر الموجودة في مجموعة jQuery في مصفوفة ثمَّ يعيدها. .toArray() أُضيف مع الإصدار: 1.4. ولا يقبل هذا التابع أية وسائط. يضع هذا التابع جميع العناصر الموجودة في مجموعة jQuery في مصفوفة ثم يعيدها: alert( $( "li" ).toArray() );
ستُعاد جميع عقد DOM المطابقة عند استدعاء هذا السطر في مصفوفة قياسية: [<li id="foo">, <li id="bar">]
أمثلة تحديد جميع العناصر <div> في الصفحة ثمَّ إعادة العناصر DOM في مصفوفة ثمَّ ...
التابع .unwrap() في jQuery
.unwrap() القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف إزالة آباء مجموعة العناصر المُطابقة من شجرة DOM، مع ترك العناصر المُطابقة في مكانها. .unwrap() أُضيف مع الإصدار: 1.4. لا يقبل هذا الشكل أي وسائط. .unwrap( [selector ] ) أُضيف مع الإصدار: 3.0. selector محدد للتحقق من العنصر الأب من النوع String. إذا لم يتطابق العنصر الأب لأحد العناصر مع المحدد، فلن يُحذف. يُزيل التابع .unwrap() العنصر الأب ويُعيد محتواه بدونه. وهو بالضبط معكوس التابع .wrap(). وتحل العناصر المطابقة (ومثيلاتها، إن ...
التابع .index() في jQuery
.index() القيم المعادة يعيد عددًا صحيحًا من النوع Number. الوصف يبحث هذا التابع عن عنصر معين من بين العناصر المطابقة. .index() أضيف مع الإصدار: 1.4، ولا يقبل هذا الشكل للتابع أي معاملات. .index( selector ) أضيف مع الإصدار: 1.4. selector محدد يمثل مجموعة jQuery التي نبحث فيها عن عنصر معين. .index ( element ) أضيف مع الإصدار: 1.0. element عنصر DOM أو أول عنصر في كائن jQuery و الذي سنبحث عنه في مجموعة العناصر المطابقة. القيم المعادة إذا لم يُمرر ...
التصيير السطحي (Shallow Rendering) في React
الاستيراد import ShallowRenderer from 'react-test-renderer/shallow'; // ES6
var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
لمحة عامة عند كتابة وحدات اختبار لمكتبة React يكون التصيير السطحي مفيدًا لك. يُتيح لك التصيير السطحي تصيير مكوّن على عمق مستوى واحد وتوضيح الحقائق حول ما يُعيده تابع التصيير، بدون القلق حول سلوك المكوّنات الأبناء والتي لم تُصيَّر أو ينشأ عنها نسخة. لا يحتاج ذلك إلى DOM. على سبيل المثال إن كان لديك المكوّن التالي: function MyComponent() {
return (
<div>
...
Document.title
تُعيد أو تضبِط عنوان المُستند. البنية العامة var docTitle = document.title
المُتغيّر docTitle سلسلةٌ نصيّةٌ تحتوي على عنوان المُستند. إن كان عنوان المُستند قد ضُبِط بالخاصيّة document.title، فسيُعيد القيمة المضبوطة، أو يُعيد العنوان المضبوط في اللغة الهيكليّة (مثل HTML أو SVG، انظر المُلاحظات أسفله). document.title = newTitle;
المُتغيّر newTitle هو العنوان الجديد للمُستند. هذا التّعيين يُؤثّر على القيمة المُعادة للخاصيّة document.title، ويؤثّر كذلك على العنوان المعروض للمُستند (كعنوان نافذة المُتصفّح مثلًا)، ويُؤثّر كذلك على مُكوّنات DOM في المُستند (أي مُحتوى ...
Document.getElementsByTagNameNS()
يُعيد التّابع Document.getElementsByTagNameNS() قائمةً تحتوي على جميع العناصر ذات اسم الوسم (tag name) التّابع لمجال الأسماء (namespace) المعطيين. عند استدعائه على كائن المُستند، فسيُبحَثُ في كامل المُستند، ما يشمل العقدة الجذر. البنية العامة elements = document.getElementsByTagNameNS(namespace, name)
القيم elements كائنٌ حيّ من النّوع NodeList (لكن انظر الملاحظة أدناه) يُمثّل مجموعة العناصِر التي وُجدت مرتّبةً حسب طريقة عرضها في شجرة DOM. namespace عنوان URI مجال الأسماء المبحوث عنه (انظر element.namespaceURI). name سلسلةٌ نصيّةٌ تُمثّل أسماء العناصِر المبحوث عنها. السلسلة النّصيّة الخاصّة ...
التابع jQuery.parseHTML() في jQuery
jQuery.parseHTML( data [, context ] [, keepScripts ] ) القيم المعادة يعيد مصفوفةً (Array). الوصف يفسِّر هذا التابع سلسلة نصية تحتوي على شيفرة HTML ثمَّ يعيد مصفوفة من عقد DOM. jQuery.parseHTML( data [, context ] [, keepScripts ] ) أُضيف مع الإصدار: 1.8. data سلسلة نصية تحوي شيفرة HTML التي يراد تفسيرها. context عنصرٌ يمثِّل السياق الذي سيُنشَأ فيه محتوى HTML المُفسَّر. القيمة الافتراضيَّة هي العنصر document. keepScripts قيمةٌ منطقيَّةٌ تحدِّد إن كان يراد إضافة السكربتات الموجودة في شيفرة HTML ...
التابع jQuery.parseHTML() في jQuery
jQuery.parseHTML( data [, context ] [, keepScripts ] ) القيم المعادة يعيد مصفوفةً (Array). الوصف يفسِّر هذا التابع سلسلة نصية تحتوي على شيفرة HTML ثمَّ يعيد مصفوفة من عقد DOM. jQuery.parseHTML( data [, context ] [, keepScripts ] ) أُضيف مع الإصدار: 1.8. data سلسلة نصية تحوي شيفرة HTML التي يراد تفسيرها. context عنصرٌ يمثِّل السياق الذي سيُنشَأ فيه محتوى HTML المُفسَّر. القيمة الافتراضيَّة هي العنصر document. keepScripts قيمةٌ منطقيَّةٌ تحدِّد إن كان يراد إضافة السكربتات الموجودة في شيفرة HTML ...
تعديل العناصر في jQuery
جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل عنصر (أو مجموعة من العناصر) بأكمله وبذاته مثل الإضافة، أو النسخ، أو الحذف، أو الإزالة ...إلخ. (إن كنت تبحث عن توابع تعدل خاصية عنصر، فانتقل إلى قسم «تعديل الخاصيات»). .after() يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل بعد كل عنصر من مجموعة العناصر المُطابقة. .append() يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل إلى آخر كل عنصر من مجموعة العناصر المُطابِقة. .appendTo() يُدخِل هذا التّابع كل عنصر من ...
المحدد :first في jQuery
المحدد :first الوصف يحدد أول عنصر DOM متطابق. jQuery( ":first" ) أُضيف مع الإصدار: 1.0. يعادل مُحدد الصنف الزائف :first المحدد :eq( 0 ). ويمكن أيضًا أن يُكتب على النحو :lt( 1 ). في حين أن هذا لا يتطابق إلا مع عنصر واحد فقط : يمكن أن يتطابق المُحدد :first-child مع أكثر من عنصر بواقع عنصر واحد لكل أب. ملاحظات إضافية لأن :first هو ملحق jQuery وليس جزءًا من مواصفات CSS، فلا يمكن استفادة الاستعلامات التي تستخدم :first من تحسين الأداء ...
التابع .parent() في jQuery
.parent( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع العنصر الأب لكل عنصر في مجموعة العناصر المطابقة، ويمكن أن يرشِّح أيضًا تلك العناصر التي أعادها اختياريًا باستعمال محدِّد. .parent( [selector ] ) أضيف مع الإصدار 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر التي يجلبها التابع عند إعطاء التابع .parent() كائن jQuery يمثل مجموعة من عناصر DOM، فسيبحث عن العنصر الأب المباشر لكل عنصر من هذه العناصر في شجرة DOM ثمَّ سينشئ ...
التنقل بين العناصر في jQuery
تتيح التوابع في هذا القسم بتحديد عناصر موجودة في موضع محدد والتنقل بينها. .add() إنشاء كائن jQuery جديد من العناصر المضافة إلى مجموعة من العناصر المطابقة. .addBack() يُضيف هذا التّابع مجموعة العناصر الموجودة سابقًا في المَكْدَس (stack) إلى المجموعة الحاليّة، مع إمكانيّة ترشيحها بشكل اختياري عن طريق مُحدِّد (selector). .andSelf() يُضيف هذا التّابع مجموعة العناصر الموجودة سابقًا في المَكدَس (stack) إلى المجموعة الحاليّة. .children() يحصل هذا التّابع على العناصر الأبناء لكل عنصر من مجموعة العناصر المُطابِقة. .closest() يحصل هذا التّابع ...
التابع .get() في jQuery
يجلب عناصر DOM المطابقة والمخزنة في كائن jQuery. .get( index ) الوصف يعيد هذا التابع عنصرًا واحدًا من العناصر الموجودة في كائن jQuery. .get( index ) index فهرس صفري من النوع Number (عدد صحيح) يشير إلى العنصر المراد إعادته. يوفر التابع .get() إمكانية الوصول إلى كل عناصر DOM الموجودة في كل كائن jQuery. إذا كانت قيمة الفهرس index خارج المجال (أي أصغر من عدد العناصر الموجودة ضمن الكائن – أي قيمة سالبة – أو أكبر أو تساوي عدد هذه العناصر)، ...
Document.body
تعيد هذه الخاصية عُقدة العنصر <body> أو <frameset> الخاصّة بالمُستند الحالي، أو تعيد null إن لم يتواجد أي عنصر من هذا القبيل. البنية العامة var objRef = document.body;
document.body = objRef;
مثال // نضع في ملفّ HTML:
// <body id="oldBodyElement"></body>
alert(document.body.id); // "oldBodyElement"
var aNewBodyElement = document.createElement("body");
aNewBodyElement.id = "newBodyElement";
document.body = aNewBodyElement;
alert(document.body.id); // "newBodyElement"
ملاحظات document.body يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <body>، يُعاد العنصر <body>، أمّا في مُستندات <frameset>، فسيُعاد العنصر <frameset> الخارجي. ورغم أنّك تستطيع تعيين قيمة ...
التابع jQuery.data() في jQuery
يخزِّن هذا التابع بيانات اعتباطيَّة متعلقة بعنصر محدَّد أو يعيد القيمة التي خُزِّنت لهذا العنصر. jQuery.data( element, key, value ) القيم المعادة يعيد كائنًا من النوع Object. الوصف يخزِّن هذا التابع بيانات اعتباطيَّة ويقرنها بعنصر محدَّد، ويعيد القيمة التي ضُبِطَت. jQuery.data( element, key, value ) أُضيف مع الإصدار: 1.2.3. element العنصر DOM الذي يراد ربط البيانات به. key سلسلة نصية تمثِّل الاسم الذي ستسمى البيانات المخزَّنة به. value أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيَّة استعمال ...
التابع jQuery.data() في jQuery
يخزِّن هذا التابع بيانات اعتباطيَّة متعلقة بعنصر محدَّد أو يعيد القيمة التي خُزِّنت لهذا العنصر. jQuery.data( element, key, value ) القيم المعادة يعيد كائنًا من النوع Object. الوصف يخزِّن هذا التابع بيانات اعتباطيَّة ويقرنها بعنصر محدَّد، ويعيد القيمة التي ضُبِطَت. jQuery.data( element, key, value ) أُضيف مع الإصدار: 1.2.3. element العنصر DOM الذي يراد ربط البيانات به. key سلسلة نصية تمثِّل الاسم الذي ستسمى البيانات المخزَّنة به. value أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيَّة استعمال ...
التابع .siblings() في jQuery
.siblings( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع جميع العناصر الأخوة لكل عنصر في مجموعة العناصر المطابقة مع إمكانية ترشيحها باستعمال محدِّد معطى. .siblings( [selector ] ) أُضيف مع الإصدار: 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر. عند إعطاء التابع .siblings() كائن jQuery يمثِّل مجموعة عناصر DOM، فسيبحث عن العناصر الأخوة لهذه العناصر في شجرة DOM ثمَّ ينشئ كائن jQuery جديد يضع فيه العناصر التي وجدها. يقبل التابع اختياريًّا تعبير ...
تعديل الخاصيات في jQuery
جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل خاصية محددة لعنصر (أو مجموعة من العناصر). توصف أغلبية هذه التوابع على أنها «توابع ضابطة» (setters)، إذ تضبط وتغير قيمة خاصية محددة. هنالك قلة من هذه التوابع توصف على أنها «توابع جالبة» (getters) مثل .attr() و .html() و .val() لأنها تجلب معلومات من عناصر DOM لاستخدامها لاحقًا. (إن كنت تود إجراء تعديل على العنصر نفسه، فارجع إلى قسم «تعديل العناصر»). .addClass() يُضيف هذا التّابع الصّنف أو الأصناف المُحدَّدة لكل ...
التابع .offsetParent() في jQuery
.offsetParent() القيم المعادة يعيد كائنًا من النوع Object. الوصف يعيد أقرب عنصر جد (ancestor) متموضع (positioned) للعنصر المطابق. .offsetParent() أُضيف مع الإصدار: 1.2.6. ولا يقبل هذا الشكل أي وسائط. إن كان لدينا كائن jQuery يمثِّل مجموعة عناصر DOM، فسيسمح لنا التابع .offsetParent() بالبحث في العناصر الأجداد (ancestors) لهذه العناصر في شجرة DOM ثمَّ ينشئ كائن jQuery جديد ويضع فيه أقرب عنصر جد متموضع عثر عليه. يكون العنصر متموضعًا (positioned) إذا كانت قيمة الخاصِّيَّة position له هي إمَّا relative أو absolute ...
التابع .replaceAll() في jQuery
.replaceAll( target ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يبدِّل هذا التابع مجموعة العناصر المطابقة مكان كل عنصر من العناصر المحدَّدة. .replaceAll( target ) أُضيف مع الإصدار: 1.2. target سلسلة نصيِّة تحتوي على محدِّد، أو كائن jQuery، أو عناصر DOM، أو مصفوفة من العناصر تشير جميعها إلى العنصر أو العناصر المراد استبدالها. يشبه التابع .replaceAll() التابع .replaceWith() ولكنهما متعاكسان بالنسبة للمُستبدل والمُستبدل به. بفرض أنَّ لدينا البنية DOM التالية: <div class="container">
<div class="inner first">مرحبًا</div>
<div class="inner ...
التابع .contents() في jQuery
.contents() القيمة المعادة كائن jQuery. الوصف يُستخدَم التابع .contents() للحصول على العناصر الأبناء لكل عنصر من مجموعة العناصر المُطابِقة، بما في ذلك عقد النصوص والتعليقات. .contents() أضيفت في الإصدار: 1.2. لا يقبل هذا التّابع أي وسائط. يسمح لنا التّابع .contents()، من خلال إعطاء كائن jQuery يُمثِّل مجموعة عناصر DOM، أن نبحث خلال العناصر الأبناء المباشرين لها في شجرة DOM وأن نبني كائن jQuery جديد من العناصر المُطابِقة. إنّ التابعين .contents() و .children() متشابهان فيما عدا أنّ التّابع .contents() يُضمِّن العقد ...
العنصر
العنصر <span> هو حاوية سطرية (inline container) عامة، والتي لا تُمثِّل نوعًا معيّنًا من المحتوى، ويمكن أن تستعمل تجميع العناصر من أجل التنسيق (إما باستخدام الخاصية id أو class) أو لأن تلك العناصر تتشارك في خاصيةٍ ما مثل الخاصية lang. لا يجب أن يستعمل هذا العنصر إلا إذا لم يكن أيُّ عنصرٍ آخر مناسبًا؛ إذ إنَّ العنصر <span> يشبه العنصر <div> كثيرًا، لكن العنصر <div> هو عنصر كتلي (block-level element) بينما العنصر <span> هو عنصر سطري (inline element). مثال عن ...
التابع .prop() في jQuery
يجلب هذا التابع قيمة خاصِّيَّة كائن محدَّدةٍ للعنصر الأول من مجموعة العناصر المطابقة، أو يضبط قيمة خاصِّيَّة كائن واحدة أو أكثر لجميع العناصر المطابقة. .prop( propertyName ) القيم المعادة يعيد أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيَّة إعادة أي نوع). الوصف يجلب هذا التابع قيمة خاصِّيَّة كائن محدَّدةٍ للعنصر الأول من مجموعة العناصر المطابقة. .prop( propertyName ) أُضيف مع الإصدار: 1.6. propertyName سلسلة نصية تمثِّل اسم الخاصِّيَّة المراد إعادة قيمتها. يجلب التابع .prop() قيمة خاصِّيَّة معينة ...
الأحداث في jQuery
تُستخدَم التوابع الموجودة في هذا القسم لتسجيل سلوكيات محدَّدة تحدث عندما وقع حدث معين ناتج عن تفاعل المستخدم مع المتصفح. أضف إلى ذلك وجود توابع تساعد على التعديل والتلاعب بتلك السلوكيات المسجلة مسبقًا. .bind() يُرفِق هذا التّابع مُعالِج أحداث (Event handler) لحدثٍ ما للعناصر. .blur() يربط هذا التّابع مُعالِج أحداث (event handler) إلى حدث الضّبابيّة (blur) في JavaScript، أو يُطلِق هذا الحدث على عنصر ما. .change() يربط هذا التّابع مُعالِج الأحداث (event handler) لتغيير حدث JavaScript أو يُطلِق هذا الحدث ...
التابع .children() في jQuery
.children( [selector ] ) القيمة المعادة كائن jQuery. الوصف يُستخدَم التّابع .children() للحصول على العناصر الأبناء لكل عنصر من مجموعة العناصر المُطابِقة، ويُمكِن ترشيحه بشكل اختياري عن طريق مُحدِّد. .children( [selector ] ) أضيفت في الإصدار: 1.0. selector مُحدِّد، ويُمثِّل سلسلة نصيّة تحتوي على تعبير المُحدِّد المطلوب مُطابقة العناصر معه. يسمح لنا التّابع .children()، من خلال إعطاء كائن jQuery يُمثِّل مجموعة عناصر DOM، أن نبحث خلال العناصر الأبناء لها في شجرة DOM وأن نبني كائن jQuery جديد من العناصر المُطابِقة. ...
التابع jQuery.queue() في jQuery
يعرض هذا التابع أو يعدِّل طابور الدوال المراد تنفيذها على العنصر المطابق. jQuery.queue( element [, queueName ] ) القيم المعادة يعيد مصفوفةً (Array). الوصف يعرض هذا التابع طابور الدوال المراد تنفيذها على العنصر المطابق. jQuery.queue( element [, queueName ] ) أُضيف مع الإصدار: 1.3. element عنصر DOM الذي سيُبحث عن طابور الانتظار المرتبط به. queueName سلسلة نصية تحتوي على اسم الطابور. القيمة الافتراضيَّة هي fx وهو اسم طابور التأثيرات القياسي. ملاحظة: هذا التابع ذو مستوًى منخفض، لذا يجب عليك استعمال ...
استخدام لغة Kotlin في نطاق JavaScript
تتيح لغة Kotlin إمكانيّة استهداف لغة JavaScript من خلال تحويل (transpiling) شيفرات Kotlin إلى ما يماثلها في JavaScript ؛ إذ تستهدف بالوقت الحاليّ معيارECMAScript 5.1، ومن المُخطَّط له أيضًا التوافق مع معيار ECMAScript 2015 لاحقًا. عند استخدام لغة Kotlin بهدف كتابة شيفرات JavaScript فستُحوَّل الشيفرات المكتوبة بلغة Kotlin (بعدِّها جزءًا من المشروع والمكتبة القياسيّة في Kotlin) إلى شيفرة JavaScript، ولكنّ هذا لا يشمل أيًّا ممّا يتعلَّق ببيئة JDK أو JVM أو Java أو أيّ من منصّاتها أو مكتباتها المُستخدَمة، ويُستبعَد ...
مكونات الويب في React
إنّ مكوّنات React ومكوّنات الويب مبنية لحل مشاكل مختلفة. حيث تُزوِّدنا مكوّنات الويب بتغليف قوي لمكوّنات قابلة لإعادة الاستخدام، بينما تُزوِّدنا مكوّنات React بمكتبة تصريحات تُبقي DOM على تزامن مع بياناتنا. يكون هذا الهدفان متكاملين، وكمُطوّر لك حرية استخدام React في مكوّنات الويب لديك، أو استخدام مكوّنات الويب في React أو كليهما معًا. معظم من يستخدم React لا يستخدم مكوّنات الويب، ولكن قد ترغب في ذلك خاصة إذا كنت تستخدم مكوّنات لواجهة المستخدم من طرف ثالث والتي تكون مكتوبة باستخدام ...
التابع jQuery.queue() في jQuery
يعرض هذا التابع أو يعدِّل طابور الدوال المراد تنفيذها على العنصر المطابق. jQuery.queue( element [, queueName ] ) القيم المعادة يعيد مصفوفةً (Array). الوصف يعرض هذا التابع طابور الدوال المراد تنفيذها على العنصر المطابق. jQuery.queue( element [, queueName ] ) أُضيف مع الإصدار: 1.3. element عنصر DOM الذي سيُبحث عن طابور الانتظار المرتبط به. queueName سلسلة نصية تحتوي على اسم الطابور. القيمة الافتراضيَّة هي fx وهو اسم طابور التأثيرات القياسي. ملاحظة: هذا التابع ذو مستوًى منخفض، لذا يجب عليك استعمال ...
التابع .wrap() في jQuery
.wrap( wrappingElement ) القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف تغليف شيفرة HTML حول كل عنصر في مجموعة العناصر المُطابقة. .wrap( wrappingElement ) أُضيف مع الإصدار: 1.0. wrappingElement مُحدد أو عنصر أو سلسلة HTML أو كائن jQuery يحدد الشيفرة المراد تغليفها حول العناصر المُطابقة. عند تمرير مجموعة jQuery تحتوي على أكثر من عنصر واحد، أو محدد يتطابق مع أكثر من عنصر واحد، فسيُستخدم العنصر الأول. وهو من النوع Selector أو htmlString أو Element أو jQuery. .wrap( function ) أُضيف ...
Document.adoptNode()
يتبنّى التّابع Document.adoptNode() عقدة خارجيّة، وتُحذف العقدة وشجرتها الفرعيّة من المُستند الأصلي (إن كان موجودًا)، وتتغيّر قيمة المُستند المالِك ownerDocument إلى المُستند الحاليّ. ويُمكن بعد ذلك إدخال العقدة إلى المُستند الحاليّ. البنية العامة node = document.adoptNode(externalNode);
node يُمثّل العقدة المُتبنّاة والتي مالِكها هو المُستند الحالي وعقدتها الأب parentNode ذات قيمةٍ null، وذلك لأنّها لم تُدخَل بعدُ إلى شجرة المُستند. لاحِظ أنّ كلّا من node وexternalNode سيُصبحان نفس الكائن بعد الاستدعاء. externalNode هي العقدة التي ستُتبنّى من مُستند آخر. مثال var ...
المصطلحات في React
التطبيق وحيد الصفحة التطبيق وحيد الصفحة (Single-page Application) هو التطبيق الذي يُحمِّل صفحة HTML واحدة وكل ملحقاتها الضرورية (مثل CSS و JavaScript) المطلوبة لكي يعمل التطبيق. لا تتطلّب أيّة تفاعلات مع الصفحة أو الصفحات اللاحقة أي عودة للخادم مرّة أخرى، ممّا يعني عدم إعادة تحميل الصفحة. بالرغم من قدرتك على بناء تطبيق وحيد الصفحة في React فهو ليس أمرًا ضروريًّا. يُمكِن أيضًا استخدام React لتحسين أجزاء صغيرة من الموقع مع الحصول على تفاعليّة أكبر. يُمكِن للشيفرة المكتوبة باستخدام React أن ...
التابع .prevAll() في jQuery
.prevAll( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع جميع العناصر الأخوة التي تسبق كل عنصر في مجموعة العناصر المطابقة، ثمَّ يرشحها اختياريًّا باستعمال محدِّد. .prevAll( [selector ] ) أُضيف مع الإصدار: 1.2. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر. عند إعطاء التابع .prevAll() كائن jQuery يمثل مجموعة عناصر DOM، فسيبحث عن جميع العناصر الأخوة السابقة لهذه العناصر في شجرة DOM ثمَّ سينشئ كائن jQuery جديد يضع فيه العناصر التي وجدها. يقبل ...
jQuery/Topics a-z
.add() إنشاء كائن jQuery جديد من العناصر المضافة إلى مجموعة من العناصر المطابقة. .addBack() يُضيف هذا التّابع مجموعة العناصر الموجودة سابقًا في المَكْدَس (stack) إلى المجموعة الحاليّة، مع إمكانيّة ترشيحها بشكل اختياري عن طريق مُحدِّد (selector). .addClass() يُضيف هذا التّابع الصّنف أو الأصناف المُحدَّدة لكل عنصر من مجموعة العناصر المُطابقة. .after() يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل بعد كل عنصر من مجموعة العناصر المُطابقة. .ajaxComplete() يُسجِّل هذا التّابع مُعالِج الأحداث (Event handler) لاستدعائه عند اكتمال طلبات Ajax. .ajaxError() ...
Document.close()
يُنهِي التّابع Document.close() الكتابة إلى مستندٍ فُتح بالتّابع Document.open(). البنية العامة document.close();
مثال // فتح مستند للكتابة
// ثمّ كتابة محتوى على المستند
// ثمّ إغلاقه
document.open();
document.write("<p>هنا محتوى</p>");
document.close();
مصادر ومواصفات مواصفة DOM Level 2 HTML: close() Method.
Document.readyState
تصِفُ الخاصيّة Document.readyState حالة تحميل المُستند. البنية العامة var string = document.readyState;
القيم يُمكن للخاصيّة أن تحمِل القيم التّاليّة: "loading" المُستند لا يزال قيد التّحميل "interactive" تحميل المُستند قد انتهى، لكنّ الموارد الفرعيّة كالصّور وصفحات الأنماط والإطارات لا تزال قيد التّحميل "complete" انتهى تحميل المُستندِ وجميع موارِده الفرعيّة. هذه الحالة تُشير إلى أنّ الحدث load سيُطلَق فورًا. يُطلَق الحدث readystatechange على كائن المُستند document عند كلّ تغيّر لقيمة هذه الخاصيّة. أمثلة الحالات المُختلفة لجاهزيّة المُستند: switch (document.readyState) {
case ...
Document.children
تُعيد الخاصيّة children القابلة للقراءة فقط والمُعرّفة على الواجهة ParentNode كائنا من النّوع HTMLCollection الذي يحتوي على جميع العناصِرِ الأولاد الخاصّة بالعقدة التي استُدعَت عليها. البنية العامة var children = node.children;
القيمة القيمة المُعادة عبارة عن كائن من النّوع HTMLCollection والذي هو مجموعة حيّة ومُرتّبة من عناصر DOM الذين هم أولاد العقدة. يُمكنك الوصول إلى العقد الأولاد كل على حدة في المجموعة عبر استعمال إمّا التّابع item() على المجموعة أو باستعمال طريقة الوصول إلى المصفوفات في JavaScript. إن لم يكن ...
المحدد ("#id") ID في jQuery
المحدد ID الوصف يختار هذا المحدد العنصر الذي يمتلك المعرف id المعطى. jQuery( "#id" ) أضيف مع الإصدار: 1.0. id المعرف المراد البحث عنه، والذي يُمنح للعنصر عبر الخاصية id. تستعمل محددات المعرف (ID selectors) في مكتبة jQuery الدالة document.getElementById() في JavaScript. عندما يضاف محدد آخر لمحدد المعرف، مثل h2#pageTitle، فستتحقق jQuery مجددًا من العناصر بناءًا على المحدد المضاف قبل أن تختار العنصر المطابق. عند استدعاء jQuery() (أو ()$) بتمرير المحدد id كمعامل، فستعيد كائنًا من النوع jQuery يحتوي على ...
التابع .find() في jQuery
.find( selector ) القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف يعيد العناصر السليلة لكل عنصر في المجموعة الحالية من العناصر المُطابقة، والتي تكون مرشحة بواسطة مُحدد، أو كائن jQuery، أو عنصر. .find( selector ) أُضيف مع الإصدار: 1.0. selector سلسلة نصية من النوع Selector تحتوي على تعبير مُحدد لمطابقة العناصر معه. .find( element ) أُضيف مع الإصدار: 1.60. element عنصر من النوع Element أو كائن من النوع jQuery لمطابقة العناصر معه. إذا أُدخل كائن jQuery يمثل مجموعة من عناصر ...
الخاصية event.isImmediatePropagationStopped() في jQuery
event.isImmediatePropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف تتحقق هذه الخاصية من استدعاء الحدث event.stopImmediatePropagation() على كائن الحدث هذا. event.isImmediatePropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. أُضيفت هذه الخاصية في المستوى الثالث من DOM. أمثلة التحقق من استدعاء event.stopImmediatePropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isImmediatePropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function immediatePropStopped( event ) {
var msg = "";
if ( event.isImmediatePropagationStopped() ) {
...
الخاصية event.isImmediatePropagationStopped() في jQuery
event.isImmediatePropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف تتحقق هذه الخاصية من استدعاء الحدث event.stopImmediatePropagation() على كائن الحدث هذا. event.isImmediatePropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. أُضيفت هذه الخاصية في المستوى الثالث من DOM. أمثلة التحقق من استدعاء event.stopImmediatePropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isImmediatePropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function immediatePropStopped( event ) {
var msg = "";
if ( event.isImmediatePropagationStopped() ) {
...
التابع .eq() في jQuery
.eq( index ) القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف تقليص مجموعة العناصر المتطابقة إلى تلك الموجودة في الفهرس المُحدَد. .eq( index ) أُضيف مع الإصدار: 1.1.2. index عدد صحيح يشير إلى الموضع الصفري للعنصر، وهو من النوع Number. .eq( indexFromEnd ) أُضيف مع الإصدار: 1.4. indexFromEnd عدد صحيح يشير إلى موضع العنصر، مع العد تنازليا من العنصر الأخير في المجموعة، وهو من النوع Number. إذا كان لدينا كائن jQuery يمثل مجموعة من عناصر DOM، فسينشئ التابع .eq() كائن jQuery ...
Document.caretPositionFromPoint()
تنبيه: هذه تقنيّة تجريبيّة، انظر جدول دعم المتصفّحات قبل استخدام هذا التّابع في شيفرة إنتاجيّة. يعيد التّابع Document.caretPositionFromPoint() كائنًا من النّوع CaretPosition يحتوي على عقدة DOM ومكان علامة الإقحام (caret) وحدود محارف (character offset) العلامة داخل هذه العقدة. البنية العامة var caretPosition = document.caretPositionFromPoint(float x, float y);
المعاملات x الإحداثيّ الأفقيّ لنقطة ما. y الإحداثيّ العمودي لنقطة ما. القيمة المعادة كائن من النّوع CaretPosition. مثال يقوم المثال التّالي بإدخال فراغ سطريً (line break) أينما ضغطت. جزء HTML: <p>Lorem ipsum dolor ...
التابع .next() في jQuery
.next( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع العنصر الأخ الذي يلي مباشرةً كل عنصر في مجموعة العناصر المطابقة. .next( [selector ] ) أُضيف مع الإصدار: 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر. عند إعطاء التابع .next() كائن jQuery يمثل مجموعة عناصر DOM، فسيبحث عن العناصر الأخوة التي تأتي بعد هذه العناصر مباشرةً في شجرة DOM ثمَّ ينشئ كائن jQuery جديد يضع فيه العناصر التي وجدها. يقبل التابع اختياريًّا تعبير ...
التابع .nextAll() في jQuery
.nextAll( [selector ] ) القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع جميع العناصر الأخوة لكل عنصر في مجموعة العناصر المطابقة، ويرشحها باستعمال محدِّد اختياريًّا. .nextAll( [selector ] ) أُضيف مع الإصدار: 1.2. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر. عند إعطاء التابع .nextAll() كائن jQuery يمثل مجموعة عناصر DOM، فسيبحث عن العناصر الأخوة لهذه العناصر في شجرة DOM ثمَّ سينشئ كائن jQuery جديد يضع فيه العناصر التي وجدها. يقبل التابع اختياريًّا تعبير محدِّد لنفس ...
Document.compatMode
تدلّ على ما إذا كان المُستند قد قُدِّم في نمط التجاوزات (Quirks Mode) أو نمط المعايير (Standards Mode). البنية العامّة mode = document.compatMode
القيم "BackCompat" في حالة كان المُستند في نمط التجاوزات (Quirks Mode). "CSS1Compat" في حالة كان المُستند في نمط المعايير (Standards Mode). مثال if (document.compatMode == "BackCompat") {
// نمط
// Quirks
}
مصادر ومواصفات مواصفة DOM: Document.compatMode. مواصفة MSDN: compatMode property.
الخاصية event.isPropagationStopped() في jQuery
event.isPropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف نتحقق هذه الخاصية من استدعاء الحدث event.stopPropagation() على كائن الحدث هذا. event.isPropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. هذه الخاصية موصوفة في مواصفات W3C DOM Level 3 . أمثلة التحقق من استدعاء event.stopPropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isPropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function propStopped( event ) {
var msg = "";
if ( event.isPropagationStopped() ) {
...
عرض (50 السابقة | 50 التالية) (20 | 50 | 100 | 250 | 500).