نتائج البحث

اذهب إلى التنقل اذهب إلى البحث

التعامل مع CSS في jQuery

تعمل التوابع الموجودة في هذا القسم على جلب وضبط قيم خاصيات CSS لعنصر محدَّد (أو مجموعة عناصر محدَّدة). ‎.height()‎ يجلب هذا التابع الطول الحالي لأول عنصر في مجموعة العناصر المتطابقة أو يغير الطول لكل العناصر المتطابقة. ‎.innerHeight()‎ يعيد هذا التابع قيمة الطول الحالي (تتضمن قيمة الحواشي فقط دون الإطار) لأول عنصر في مجموعة العناصر المطابقة أو يغير الطول الداخلي لكل العناصر المطابقة. ‎.innerWidth()‎ يعيد هذا التابع قيمة العرض الحالي (تدخل قيمة الحواشي ضمنها فقط) لأول عنصر من مجموعة العناصر المطابقة ...

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

يُستخدَم التابع ‎.css()‎ في الحصول على القيمة المحسوبة لخاصية من خاصيات التنسيق (computed style property) للعنصر الأول من مجموعة العناصر المُطابِقة أو تعيين واحدة أو أكثر من خاصيّات CSS لكل عنصر مُطابِق. ‎.css( propertyName )‎ القيمة المعادة سلسلة نصيّة من الكائن String. الوصف الحصول على خاصيّات التنسيق المحسوبة للعنصر الأول من مجموعة العناصر المُطابِقة. ‎.css( propertyName )‎ أضيفت في الإصدار: 1.0. propertyName سلسلة نصيّة String، وتُمثِّل اسم خاصيّة CSS. ‎.css( propertyNames )‎ أضيفت في الإصدار: 1.9. propertyNames مصفوفة Array، وتُمثِّل ...

بناء Javascript و CSS

مقدمة لا يفرض Laravel عليك استخدام أي معالج JavaScript و CSS، إلّا إنّه يوفّر نقطة انطلاق بسيطة باستخدام Bootstrap و Vue ممّا سيساعد العديد من التطبيقات. بصفة عامّة، يستخدم Laravel أوامر npm لتنصيب حزم الواجهات الأمامية هذه. CSS يوفّر Laravel Mix واجهة برمجية (API) سهلة ومعبّرة لترجمة Sass أو Less، وهي إضافات للغة CSS الأساسية التي تضيف المتغيّرات والمخاليط (mixins) والعديد من الخصائص الأخرى التي تجعل العمل بلغة CSS أكثر متعة. في هذه الصفحة، سنناقش باختصار ترجمة CSS بصفة عامّة ...

أساس jQuery

تشكل التوابع والدوال الموجودة في هذا القسم أساس مكتبة jQuery. ‎.length تعيد هذه الخاصِّيَّة عدد العناصر الموجودة في كائن jQuery. ‎.jquery يُسند إلى هذه الخاصِّية سلسلة نصية تحتوي على رقم إصدار jQuery. ‎jQuery()‎ تعيد هذه الدالة مجموعةً من العناصر المطابقة التي إمَّا وُجدَت في شجرة DOM بناءً على الوسائط المُمرَّرة، أو أنشئت بتمرير سلسلة نصية تحتوي على محتوى HTML. ‎jQuery.contains()‎ يتحقَّق هذا التابع إن كان عنصر DOM معيَّن هو عنصر سليل (ancestor) من عنصر DOM آخر. ‎jQuery.cssHooks()‎ يتعلَّق هذا التابع ...

الكائن jQuery.cssHooks()‎‎ في jQuery

jQuery.cssHooks القيم المعادة يعيد كائنًا من النوع Object. الوصف يتعلَّق هذا التابع بـ jQuery مباشرةً للتحكم بكيفيَّة استعادة أو ضبط قيم خاصِّيَّات CSS محدَّدة، أو توحيد أسماء خاصِّيَّات CSS، أو إنشاء خاصِّيَّات CSS مخصَّصة. jQuery.cssHooks أُضيف مع الإصدار: 1.4.3. يوفِّر الكائن ‎$.cssHooks طريقةً لتعريف دوالٍ من أجل جلب أو ضبط قيم خاصِّيَّات CSS محدَّدة. يمكن أيضًا أن يُستخدَم لإنشاء cssHooks جديد من أجل توحيد (normalizing) ميزات CSS3 مثل تأثير الظلال على إطار العناصر (box shadows)، والتدرُّجات (gradients). على سبيل المثال، ...

الكائن jQuery.cssHooks()‎‎ في jQuery

jQuery.cssHooks القيم المعادة يعيد كائنًا من النوع Object. الوصف يتعلَّق هذا التابع بـ jQuery مباشرةً للتحكم بكيفيَّة استعادة أو ضبط قيم خاصِّيَّات CSS محدَّدة، أو توحيد أسماء خاصِّيَّات CSS، أو إنشاء خاصِّيَّات CSS مخصَّصة. jQuery.cssHooks أُضيف مع الإصدار: 1.4.3. يوفِّر الكائن ‎$.cssHooks طريقةً لتعريف دوالٍ من أجل جلب أو ضبط قيم خاصِّيَّات CSS محدَّدة. يمكن أيضًا أن يُستخدَم لإنشاء cssHooks جديد من أجل توحيد (normalizing) ميزات CSS3 مثل تأثير الظلال على إطار العناصر (box shadows)، والتدرُّجات (gradients). على سبيل المثال، ...

jQuery/Topics

أساس jQuery تشكل التوابع والدوال الموجودة في هذا القسم أساس مكتبة jQuery. المحددات توفر مكتبة jQuery مجموعة قوية من الأدوات لمطابقة العناصر وتحديدها في الصفحة، إذ استفادت المكتبة من CSS بجميع إصداراتها. التنقل بين العناصر تتيح التوابع في هذا القسم بتحديد عناصر موجودة في موضع محدد والتنقل بينها. تعديل العناصر جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل عنصر (أو مجموعة من العناصر) بأكمله وبذاته مثل الإضافة، أو النسخ، أو الحذف، أو الإزالة ...إلخ. (إن كنت تبحث ...

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

إعادة العرض الحالي المحسوب للعنصر الأول من مجموعة العناصر المُطابقة، أو ضبط عرض CSS لكل عنصر في مجموعة العناصر المُطابقة. ‎.width()‎ القيمة المعادة يُعيد كائنًا من النوع Number. الوصف إعادة العرض الحالي المحسوب للعنصر الأول من مجموعة العناصر المُطابقة. ‎.width()‎ أُضيف مع الإصدار: 1.0. لا يقبل هذا الشكل أي وسائط. الفرق بين ‎.css(width)‎ و ‎.width()‎ هو أن الأخير يعيد قيمة البكسل بدون وحدة (على سبيل المثال، 400) في حين أن الأول يعيد القيمة مع وحدات سليمة (على سبيل المثال، 400px). ...

CSS/Topics/Position

الخاصية الوصف bottom الخاصية bottom في CSS تساهم في تحديد الموضع الرأسي لأحد العناصر التي يمكن أن يتغير مكانها (positioned elements)، وليس لهذه الخاصية تأثير في العناصر التي لا يمكن أن يتغير مكانها (non-positioned elements). clear تُحدِّد إذا كان العنصر يمكن أن يكون بجوار العناصر العائمة (floating elements) المجاورة له أو يجب أن يُحرَّك إلى الأسفل (يسمى هذا الفعل بالمصطلح clear)؛ يمكن تطبيق هذه الخاصية على العناصر العائمة وغير العائمة على حدٍ سواء. display تُحدِّد ما هو نوع صندوق العرض الذي سيستخدم ...

CSS/Topics/Selectors

الخاصية الوصف محددات الأنواع مُحدِّد النوع (type selector) في CSS يُطابِق العناصر وفق اسم العقدة، أي أنه يُحدِّد جميع العناصر التي لها نوع معيّن في المستند. محددات الأصناف مُحدِّد الصنف (class selector) في CSS يُطابِق العناصر وفق قيمة الخاصية class التابعة لها. محددات المُعرِّفات مُحدِّد المُعرِّف (ID selector) في CSS يُطابِق العناصر وفق قيمة الخاصية ID التابعة لها. المحدد العام المُحدِّد العام (universal selector) في CSS يطابق جميع العناصر. محددات الخاصيات مُحدِّد الخاصيات (attribute selector) في CSS يُطابِق العناصر إذ ...

الخاصيات المخصصة في CSS

أسماء الخاصيات التي تُسبَق بشرطتين --، مثل ‎--example-name، تُمثِّل الخاصيات المخصصة (custom properties) التي تُسنَد لها قيمةٌ يمكن إعادة استخدامها في المستند عبر الدالة var()‎. بطاقة الخاصية القيمة الابتدائية لا يوجد تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. --somekeyword: left; --somecolor: #0000ff; --somecomplexvalue: 3px 6px rgb(20, 32, 54); أمثلة المثال الآتي يُعرِّف متغيرين ثم يستخدم قيمتهما في بقية المستند، لاحظ كيف ستُطبَّق قواعد الوراثة على الخاصيات المخصصة: <p id="firstParagraph">يجب أن تحتوي هذه الفقرة على خلفية ...

ملحقات CSS في Sass

القواعد المتشعّبة (Nested Rules) تسمح Sass لقواعد CSS بأن تتشعّب داخل بعضها البعض ولا تطبَّق في تلك الحالة القاعدة الداخليَّة إلّا ضمن المُحدّد الخارجي الذي يتضمّنها (outer rule's selector). انظر على سبيل المثال إلى الشيفرة التالية: #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; } } ستُصرّف إلى: #main p { color: #00ff00; width: 97%; } #main p .redbox { background-color: ...

CSS/Topics/Filter

الخاصية الوصف filter الخاصية filter في CSS تسمح لنا بتطبيق تأثيرات مثل تغيير اللون وتأثير الضبابية على أحد العناصر، وتُستخدَم المُرشِّحات (filters) عمومًا لتعديل طريقة عرض الصور <img> والخلفياتbackground والإطارات border.

CSS/Topics/List

الخاصية الوصف counter-increment تُزيد أو تُنقِص قيمة أحد عدّادات CSS بقيمة معيّنة، ويمكن إعادة تعيين العدّاد إلى رقم معيّن باستخدام الخاصية counter-reset. counter-reset تُعيد ضبط قيمة أحد عدّادات CSS إلى قيمة معيّنة، ويمكن زيادة أو إنقاص قيمة العداد باستخدام الخاصية counter-increment. list-style الخاصية list-style في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصياتlist-style-type و list-style-image و list-style-position. list-style-image تُحدِّد صورةً لتُستخدَم للإشارة إلى عناصر القائمة. من المستحسن عادةً استخدام الخاصية المختصرة list-style لضبط قيمة هذه الخاصية. list-style-position تُحدِّد مكان إشارة عناصر القائمة. ومن المستحسن عادةً استخدام الخاصية المختصرة list-style. list-style-type ...

CSS/Topics/Grid

الخاصية الوصف grid الخاصية grid المختصرة في CSS تضبط جميع الخاصيات التي تُحدَّد خصائص الشبكة بوضوح (أي grid-template-rows و grid-template-columns وgrid-template-areas)، وجميع الخاصيات التي تُحدِّد خصائص الشبكة ضمنيًا (أي grid-auto-rows و grid-auto-columns و grid-auto-flow)، والخاصيات التي تُضبِط الفراغ بين الأعمدة والأسطر (أي grid-column-gap وgrid-row-gap)، وكل ذلك في قاعدة واحدة. grid-area الخاصية grid-area في CSS هي خاصية مختصرة تضبط قيمة الخاصيات grid-row-start و grid-column-start و grid-row-end و grid-column-end، مُحدَّدةً أبعاد عنصر grid وموضعه. grid-auto-columns تضبط أبعاد مسارات الأعمدة المُنشأة ضمنيًا. grid-auto-flow تضبط كيف ستعمل خوارزمية تحديد مواضع عناصر grid التلقائية. grid-auto-rows تضبط أبعاد مسارات الأسطر المُنشأة ضمنيًا. grid-column الخاصية grid-column في CSS هي خاصية مختصرة ...

الدالة calc()‎ في CSS

الدالة calc()‎ في CSS تسمح بإجراء عمليات حسابية عند تحديد قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات <length> و <percentage> و <angle> و <time> و <number> و <integer>. /* property: calc(expression) */ width: calc(100% - 80px); أمثلة يمكن بسهولة ضبط موضع أحد العناصر باستخدام الدالة calc()‎ بتحديد قيمة للهامش، ففي هذا المثال أنشأنا عنصرًا يمتد على طول النافذة، مع فراغ بمقدار 40px على جانبيه: <div class="banner">هذا هو الشعار!</div> شيفرة CSS: .banner { position: absolute; ...

CSS/Topics/Values

الخاصية الوصف القيمة الفعلية القيمة الفعلية (actual value) لإحدى خاصيات CSS هي القيمة المستخدمة لتلك الخاصية بعد إجراء أيّة عمليات تقريب لازمة، فمثلًا قد لا يعرض المتصفح الإطاراتborder إلا إذا كانت سماكتها تكافئ رقمًا صحيحًا بواحدة البكسل، لذا قد تُقرِّب تلك السماكة إلى أقرب عدد صحيح قبل تطبيقها. القيمة المحسوبة القيمة المحسوبة (computed value) لإحدى خاصيات CSS تُحسَب من القيمة المُحدَّدة. القيمة المُحدَّدة القيمة المُحدَّدة (specified value) لإحدى خاصيات CSS هي القيمة المضبوطة لتلك الخاصية، سواءً من صفحة الأنماط مباشرةً، أو من العنصر ...

CSS/Topics/Transform

الخاصية الوصف backface-visibility تُحدِّد فيما إذا كان الوجه الخلفي للعنصر ظاهرًا للمستخدم، ويكون الوجه الخلفي للعنصر ذو خلفيةٍ شفافة، ويسمح بعرض صورة معكوسة (mirrored) للوجه الأمامي للعنصر. perspective تُستخدَم لتفعيل الفضاء ثلاثي الأبعاد في العنصر، لكي نتمكن من وضع العناصر الأبناء في ذاك الفضاء، وتسمح هذه الخاصية لنا بإضفاء شعور بالعمق إلى العنصر، بجعل العناصر الأقرب إلى المستخدم تبدو وأكبر، والعناصر الأبعد تبدو أصغر. perspective-origin تُحدِّد الموضع الذي ينظر منه المستخدم إلى العنصر، وتُستخَدم قيمة هذه الخاصية كنقطة التلاشي (vanishing ...

دوال التوقيت في CSS

نوع البيانات <timing-function> يشير إلى الدوال الرياضية التي تصف سرعة تغيير القيم أحادية البعد في الحركات، وهذا ما يسمح بتغيير سرعة الحركات خلال فترة الحركة. دوال الحركة السلسة تُنشِئ علاقة نسبية بين الوقت والناتج، وتكون القيمتان رقميتين <number>، وتُمثِّل القيمة 0.0 الحالة الابتدائية والقيمة 1.0 الحالة النهائية. دالة توقيت لها مخرجات أكبر من 1. دالة توقيت لها مخرجات أكبر 1 لكنها مقصوصة. اعتمادًا على الدالة المُستخدمة، قد يصبح الناتج في بعض الأحيان أكبر من 1.0 أو أصغر من 0.0 أثناء ...

CSS/Topics/At Rule

الخاصية الوصف ‎@charset تُحدِّد ترميز المحرف المستخدم في صفحة الأنماط، ويجب أن تكون أوّل تعليمة في الملف ولا يسبقها أي محرف، وإذا حُدِّدَت أكثر من قاعدة ‎@charset في الملف نفسه فلن تؤخذ إلا أوّل قاعدة، ولا يمكن أن تُستعمَل هذه القاعدة في الخاصية style على عناصر HTML أو داخل العنصر<style>. ‎@font-face تسمح للمطورين بتحديد خطوط خاصة لعرض النص الموجود في صفحات الويب، وذلك بالسماح للمطورين بتعريف خطوط خاصة بهم، والقاعدة ‎@font-face أدت إلى فتح المجال أمام المطورين لاستخدام أي خطٍ يشاؤون بدل أن يكونوا ...

CSS/Topics/Flexbox

الخاصية الوصف align-content تُعرِّف طريقة توزيع المتصفح للمسافة بين العناصر وحولها على امتداد المحور الثانوي من حاوية flex. align-items تُعرِّف طريقة توزيع المتصفح للمسافة بين العناصر وحولها على امتداد المحور الثانوي من حاوية flex. فهي تعمل كالخاصية justify-content لكن في الاتجاه المعامد. align-self تضبط محاذاة عناصر flex في السطر الحالي متجاوزةً قيمة الخاصية align-items، وإذا كانت حاشية margin أحد العناصر في المحور المعامد مضبوطةً إلى autoفسيتم تجاهل الخاصية align-self. flex تُحدِّد كيف سيتمدد أو يتقلص أحد عناصر flex لكي يملأ المساحة المتوافرة في حاوية flex. هذه الخاصية ...

CSS/Topics/Text

الخاصية الوصف direction تضبط اتجاه النص، ونستخدم القيمة rtl معها للإشارة إلى اللغات التي تُكتَب من اليمين إلى اليسار مثل اللغة العربية، و ltr للغات التي تُكتَب من اليسار إلى اليمين مثل اللغة الإنكليزية. لاحظ أنَّ اتجاه النص يُعرَّف عادةً باستخدام الخاصية dir على عنصر <html> لكامل المستند، وليس باستخدام الخاصية direction. letter-spacing تُحدِّد ما هو التباعد بين الأحرف النصية. line-break تُحدِّد سلوك المتصفح في الانتقال إلى سطرٍ جديد عند التعامل مع علامات الترقيم والرموز. overflow-wrap تُحدِّد إذا كان على المتصفح الانتقال إلى سطر جديد ضمن الكلمات نفسها لمنع ...

CSS/Topics/Misc

العنصر الوصف ‎--*‎ أسماء الخاصيات التي تُسبَق بشرطتين --، مثل ‎--example-name، تُمثِّل الخاصيات المخصصة (custom properties) التي تُسنَد لها قيمة يمكن إعادة استخدامها في المستند عبر الدالة var()‎. attr()‎ الدالة attr()‎ في CSS تُستعمَل للحصول على قيمة إحدى خاصيات العنصر المُحدَّد واستخدامها في أنماط CSS، ويمكن استعمالها أيضًا على العناصر الزائفة (pseudo-elements) وفي هذه الحالة ستُستخدَم قيمة خاصية العنصر الأصل. calc()‎ الدالة calc()‎ في CSS تسمح بإجراء عمليات حسابية عند تحديد قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات<length> و <percentage> و <angle> و <time> و <number> و<integer>. inherit الكلمة المحجوزة inherit في ...

CSS/Topics/Font

الخاصية الوصف font الخاصية font في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات font-style و font-variant و font-weight و font-size و line-height و font-family، وذلك لتحديد الخط المستخدم في العنصر. font-family تُحدِّد قائمةً تحتوي على نوع خط واحد أو أكثر من أنواع الخطوط الخاصة أو العامة، وذلك لتُطبَّق على العنصر. font-kerning تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم. font-size تضبط حجم الخط، وضبط حجم الخط قد يؤدي إلى تغيير حجم عناصر أخرى، لأن حجم الخط سيُستخدَم لحساب قيمة الأطوال <length> ذات الواحدة em و ex. font-size-adjust الخاصية font-size-adjust في CSS تقول أنَّ حجم الخط ...

CSS/Topics/Columns

الخاصية الوصف column-count تُحدِّد ما هو عدد الأعمدة التي سينقسم العنصر إليها. column-fill تُحدِّد كيف يجب تقسيم المحتوى على الأعمدة، فباستخدام هذه الخاصية ستتحكم إذا كان يجب موازنة محتوى الأعمدة أم لا. column-gap تضبط حجم الفراغ بين الأعمدة في العناصر متعددة الأعمدة (multi-column elements). column-rule الخاصية column-rule المختصرة في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. هذه الخاصية ستضبط قيمة الخاصيات column-rule-width و column-rule-style و column-rule-color في خاصيةٍ واحدة. column-rule-color تُحدِّد لون الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر ...

CSS/Topics/Text

الخاصية الوصف direction تضبط اتجاه النص، ونستخدم القيمة rtl معها للإشارة إلى اللغات التي تُكتَب من اليمين إلى اليسار مثل اللغة العربية، و ltr للغات التي تُكتَب من اليسار إلى اليمين مثل اللغة الإنكليزية. لاحظ أنَّ اتجاه النص يُعرَّف عادةً باستخدام الخاصية dir على عنصر <html> لكامل المستند، وليس باستخدام الخاصية direction. letter-spacing تُحدِّد ما هو التباعد بين الأحرف النصية. line-break تُحدِّد سلوك المتصفح في الانتقال إلى سطرٍ جديد عند التعامل مع علامات الترقيم والرموز. overflow-wrap تُحدِّد إذا كان على المتصفح الانتقال إلى سطر جديد ضمن الكلمات نفسها لمنع ...

CSS/Topics/Color

الخاصية الوصف color تضبط القيمة اللونية للأمامية (foreground) للمحتوى النصي للعنصر وللزخرفة النصية (text decorations)، وستضبط أيضًا قيمة الكلمة المحجوزة currentColor، والتي يمكن أن تستخدم كقيمة غير مباشرة في الخاصيات الأخرى التي لا تأخذ لونها من الخاصية color مباشرةً (مثل الخاصيةborder-color). opacity تحديد درجة شفافية أحد العناصر، أي مدى ظهور المحتوى الذي يقع وراءه.

CSS/Topics/Transition

الخاصية الوصف transition خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات transition-property و transition-duration و transition-timing-function و transition-delay. transition-delay تُحدِّد الزمن الذي يجب انتظاره بين وقوع الحدث الذي سيؤدي إلى بدء تأثير الانتقال وبين بداية التأثير. transition-duration تُحدِّد الزمن الذي سيستغرقه تأثير الانتقال للوصول إلى القيمة النهائية للخاصية، والقيمة الافتراضية 0s لن تؤدي إلى حدوث تأثير انتقال أبدًا. transition-property تستعمل لتحديد أسماء خاصيات CSS التي ستخضع لتأثير الانتقال. transition-timing-function تستعمل لوصف كيف ستتأثر القيم الوسطية لخاصيات CSS بتأثير الانتقال، أي أنها تسمح لك بتحديد ما هو منحني التسارع ...

CSS/Topics/Table

الخاصية الوصف border-collapse تُحدِّد إذا كان إطار الجدول منفصلًا عن إطار الخلايا (أي لكلٍ واحدٍ منها إطارٌ خاصٌ به) أو كان مدمجًا مع إطار الخلايا (أي تتشارك الخلايا المتجاورة الإطار مع بعضها بعضًا). border-spacing تُحدِّد المسافة بين إطارات خلايا الجداول المتجاورة. لن يكون لهذه الخاصية أثرٌ إلا إذا كانت قيمة الخاصية border-collapse هي separate. caption-side تُحدِّد موضع لافتة الجدول المُعرَّفة عبر العنصر<caption>. empty-cells تُحدِّد كيف يجب أن يعرض المتصفح خلفية وإطر خلايا الجداول <table> التي ليس فيها محتوى ظاهر. لن يكون لهذه الخاصية أثرٌ إلا ...

CSS/Topics/Border

شكل الإطار الخاصية الوصف border الخاصية border في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد، وهي: border-color و border-style و border-width، وكما في جميع الخاصيات المختصرة، أيّ قيمة غير مُحدِّدة سيُعاد ضبطها إلى قيمتها الابتدائية، أضف إلى ذلك أنَّ الخاصية border لا يمكن أن تُستخدَم لتحديد قيمة للخاصية border-image وإنما ستضبِط قيمتها إلى القيمة الابتدائية none. border-bottom الخاصية border-bottom في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات border-bottom-color و border-bottom-style و border-bottom-width، هذه الخاصيات تصف كيفية عرض الإطار border السفلي للعنصر. border-bottom-color تُحدِّد لون الإطار السفلي الخاص بالعنصر. لاحظ أنَّه في ...

CSS/Topics/Background

الخاصية الوصف background الخاصية background المختصرة في CSS تسمح لنا بتعديل خيارات تنسيق الخلفية كلها دفعةً واحدةً، بما في ذلك اللون أو الصورة، والمبدأ والحجم، وطريقة التكرار، وغير ذلك من الميزات. يمكن استخدام الخاصية background لضبط قيم خاصية أو أكثر من الخاصيات الآتية: background-clip، و background-color، و background-image، و background-origin، وbackground-position، و background-repeat، و background-size، و background-attachment. background-attachment تُحدِّد إذا كان موضع الصورة (المُحدَّدة عبر الخاصية background-image) ثابتًا (fixed) ضمن إطار العرض (viewport) أو كان سيُمرَّر عند التمرير في العنصر (أو الصفحة) الحاوي له. background-blend-mode تصف كيف يجب أن تمتزج صور الخلفية ...

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

jQuery.cssNumber القيم المعادة يعيد كائنًا من النوع Object. الوصف يعيد هذا التابع كائنًا يحتوي على جميع خاصِّيَّات CSS التي يمكن استعمالها دون واحدة. يستعمل التابع ‎.css()‎ هذا الكائن ليتحقَّق إن كان بإمكانه إضافة الواحدة px إلى القيم المعطاة دون واحدة. jQuery.cssNumber أُضيف مع الإصدار: 1.4.3. يمكنك أن تتخيل أنَّ jQuery.cssNumber ليس إلا قائمةً بجميع خاصِّيَّات CSS التي يمكنك استعمالها دون واحدة. يستعمل التابع ‎.css()‎ هذه القائمة ليحدِّد إن كان هنالك حاجة لإضافة الواحدة px إلى القيم عديمة الواحدة. تكون مفاتيح ...

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

jQuery.cssNumber القيم المعادة يعيد كائنًا من النوع Object. الوصف يعيد هذا التابع كائنًا يحتوي على جميع خاصِّيَّات CSS التي يمكن استعمالها دون واحدة. يستعمل التابع ‎.css()‎ هذا الكائن ليتحقَّق إن كان بإمكانه إضافة الواحدة px إلى القيم المعطاة دون واحدة. jQuery.cssNumber أُضيف مع الإصدار: 1.4.3. يمكنك أن تتخيل أنَّ jQuery.cssNumber ليس إلا قائمةً بجميع خاصِّيَّات CSS التي يمكنك استعمالها دون واحدة. يستعمل التابع ‎.css()‎ هذه القائمة ليحدِّد إن كان هنالك حاجة لإضافة الواحدة px إلى القيم عديمة الواحدة. تكون مفاتيح ...

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

يجلب هذا التابع الطول الحالي لأول عنصر في مجموعة العناصر المتطابقة أو يغير الطول لكل العناصر المتطابقة. ‎.height()‎ القيم المعادة عدد من النوع Number. الوصف يجلب هذا التابع الطول الحالي لأول عنصر في مجموعة العناصر المتطابقة سابقًا. ‎.height()‎ أضيف مع الإصدار 1.0، ولا يقبل هذا التابع أي معاملات. الفرق بين التابع ‎.css( "height" )‎ والتابع ‎.height()‎ هو أن الأخير يعيد قيمة الطول بدون واحدة (يعيد 400 مثلًا)، بينما يعيد التابع الأول قيمة الطول مع واحدة (يعيد 400px مثلًا). يفضل استعمال ...

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

‎.not( [selector ] )‎ القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يحذف هذا التابع عناصر محدَّدة من مجموعة من العناصر المطابقة. ‎.not( selector )‎ أُضيف مع الإصدار: 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد، أو عنصر DOM، أو مصفوفة من العناصر لمطابقة مجموعة معينة من العناصر. ‎.not( function )‎ أُضيف مع الإصدار: 1.4. function دالة من الشكل Function( Number index, Element element )‎ تعيد قيمة منطقيَّة Boolean، وتُستعمَل للتحقُّق من كلِّ عنصر من عناصر المجموعة. تقبل هذه الدالة ...

المحدد ‎‎‎:button‎‎ في jQuery

المحدد ‎‎:button الوصف يُحدِّد عناصر الأزرار <button> والعناصر التي من نوع button. ‎jQuery( ":button" )‎ أضيفت في الإصدار: 1.0. المُحدِّد المُكافِئ لـ ‎$( ":button" )‎ باستخدام CSS هو ‎$( "button, input[type='button']" )‎.  ملاحظات إضافيّة لمّا كان ‎:button عبارة عن امتداد jQuery وليس جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم ‎:button من زيادة الأداء المُقدَّمة عن طريق التّابع querySelectorAll()‎ الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة عند استخدام ‎:button لتحديد العناصر، اختر أولًا العناصر باستخدام مُحدِّد ...

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

jQuery.escapeSelector( selector )‎ القيم المعادة يعيد محدِّدًا (selector). الوصف يهرِّب هذا التابع مجموعةً من المحارف التي تشبه اسم محدِّد في CSS. jQuery.escapeSelector( selector )‎ أُضيف مع الإصدار: 3.0. selector سلسلة نصية تحتوي على اسم يماثل اسم محدِّد يراد تهريبه. هذا التابع مفيد جدًا في الحالات التي يحتوي فيها اسم صنف أو مُعرِّف (ID) على محارف لها معنًى خاص في CSS مثل المحرف . أو المحرف :. هذا التابع مشتق من التابع CSS.escape()‎ لمجموعة عمل CSS. الفارق الأساسي بينه وبين ‎$.escapeSelector()‎ ...

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

jQuery.escapeSelector( selector )‎ القيم المعادة يعيد محدِّدًا (selector). الوصف يهرِّب هذا التابع مجموعةً من المحارف التي تشبه اسم محدِّد في CSS. jQuery.escapeSelector( selector )‎ أُضيف مع الإصدار: 3.0. selector سلسلة نصية تحتوي على اسم يماثل اسم محدِّد يراد تهريبه. هذا التابع مفيد جدًا في الحالات التي يحتوي فيها اسم صنف أو مُعرِّف (ID) على محارف لها معنًى خاص في CSS مثل المحرف . أو المحرف :. هذا التابع مشتق من التابع CSS.escape()‎ لمجموعة عمل CSS. الفارق الأساسي بينه وبين ‎$.escapeSelector()‎ ...

الدالة jQuery()‎‎ في jQuery

تعيد هذه الدالة مجموعةً من العناصر المطابقة التي إمَّا وُجدَت في شجرة DOM بناءً على الوسائط المُمرَّرة، أو أنشئت بتمرير سلسلة نصية تحتوي على محتوى HTML. ‎jQuery( selector [, context ] )‎ القيم المعادة تعيد كائنًا من النوع jQuery. الوصف تقبل هذه الدالة سلسلة نصية تحتوي على محدِّد CSS يُستعمَل لمطابقة مجموعة من العناصر. ‎jQuery( selector [, context ] )‎ أُضيفت مع الإصدار: 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد. context عنصر DOM، أو كائن Document، أو كائن jQuery ...

المحددات في jQuery

توفر مكتبة jQuery مجموعة قوية من الأدوات لمطابقة العناصر وتحديدها في الصفحة، إذ استفادت المكتبة من CSS بجميع إصداراتها. من أجل استعمال المحارف الخاصة (مثل !"#$%&'()*+,./:;<=>?@[\]^`{|}~) كجزء صرف من الاسم المراد تحديده، يجب أن تهرب تلك المحارف عبر \\. على سبيل المثال، إن كان اسم العنصر المراد تحديده هو id="foo.bar"، يمكنك تحديده عبر المُحدِّد $("#foo\\.bar"). تحوي مواصفات CSS القياسية (أي W3C CSS specification) مجموعة كاملة من القواعد المتعلقة بالمحددات الصالحة. هنالك أيضًا مقالة مفيدة لصاحبها Mathias Bynens تتحدث عن تهريب ...

المحدد ‎‎‎:input()‎‎ في jQuery

المحدد ‎:input()‎ الوصف يحدد هذا المحدد كل العناصر التي من النوع <input>، و <textarea>، و <select>، و <button>. jQuery( ":input" )‎ أضيف مع الإصدار: 1.0. يختار المحدد ‎:input()‎ بشكل أساسي كل العناصر التي تتحكم في النماذج (forms). ملاحظات إضافية لما كان المحدد ‎:input()‎ هو ملحق في مكتبة jQuery  وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل ‎:input()‎ لا يمكنها الاستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول على أداء أفضل في المتصفحات الحديثة، حدد العناصر باستعمال ...

المحدد ‎‎‎:reset‎‎ في jQuery

المحدد ‎:reset الوصف يحدِّد جميع عناصر الإدخال <input> ذات النوع reset. ‎jQuery( ":reset" )‎ أُضيف مع الإصدار: 1.0. المحدِّد ‎$( ":reset" )‎ يكافئ ‎$( "[type=reset]" )‎. ملاحظات إضافية لمَّا كان المحدِّد ‎:reset هو ملحق في مكتبة jQuery  وليس جزءًا من مواصفة CSS، فإنَّ الاستعلامات التي تستعمل ‎:reset لا يمكنها الاستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول على أداء أفضل في المتصفحات الحديثة، حدِّد العناصر باستعمال محدِّدات CSS الصرفة (pure) ثمَّ استعمل التابع ‎.filter(" :reset ")‎. أمثلة ...

المحدد ‎‎‎:target‎ في jQuery

المحدد target: الوصف يحدِّد عنصرًا فريدًا يُطابِق مُعرِّفه id معرِّف قطعةٍ من رابط URL للصفحة. ‎jQuery( ":submit" )‎ أضيف مع الإصدار 1.9. يشبه هذا التابع الصنف ‎:target في CSS. إن احتوى رابط الصفحة URL على معرِّف قطعة أو رمز المربع # (يُسبَق اسم القطعة من رابط URL دومًا بهذا الرمز)، فسيطابق المحدِّد ‎:target العنصر الذي يطابق معرِّفه معرِّف القطعة تلك. على سبيل المثال، إن كان هنالك صفحة ذات الرابط التالي: https://example.com/#foo فسيحدِّد ‎$( "p:target" )‎ العنصر <p id="foo"‎>. يمكن إيجاد مزيدٍ ...

المحدد ‎‎‎:hidden()‎‎ في jQuery

المحدد ‎:hidden()‎ الوصف يختار هذا المحدد كل العناصر المخفية. jQuery( ":hidden" )‎ أُضيف مع الإصدار: 1.0. يمكن للعناصر أن تُعد مخفية لعدة أسباب منها: أن تطبق الخاصية display: none عليها. هي حقول من حقول النماذج  التي لها الخاصية type="hidden"‎. ضبطت قيمة طولها وعرضها إلى 0. العنصر الأب مخفي، مما يعني أن العنصر الابن مخفي أيضًا ولا يظهر في الصفحة. العناصر التي لها الخاصية visibility: hidden أو الخاصية opacity: 0 تعدّ مرئية رغم أنها لا تظهر في الشاشة إلا أنها ما ...

المحدد ‎‎‎:last‎‎ في jQuery

المحدد ‎:last الوصف يختار هذا المحدِّد العنصر الأخير المتطابق. jQuery( ":last" )‎ أُضيف مع الإصدار: 1.0. لاحظ أن المحدِّد ‎:last يحدِّد عنصرًا واحدًا عبر ترشيح مجموعة jQuery الحالية ويطابق العنصر الأخير ضمنها. ملاحظات إضافية لما كان المحدد ‎:last ملحقًا في مكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستخدم ‎:last لن تستفيد من سرعة الأداء الذي يوفرها تابع DOM الأصلي querySelectorAll()‎. للحصول على أفضل أداء عند استعمال المحدد ‎:last لاختيار العناصر، حدِّد أولًا العناصر باستعمال محدد CSS الصرف ...

المحدد ‎‎‎:header‎‎ في jQuery

المحدد ‎:header‎ الوصف يختار هذا المحدد كل عناصر الترويسات مثل الترويسة h1 والترويسة h2 والترويسة h3 ...إلخ. jQuery( ":header" )‎ أُضيف مع الإصدار: 1.2. ملاحظات إضافية لما كان المحدد ‎:header هو ملحق في مكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل ‎:header لا يمكنها الإستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول أداء أفضل في عند استعمال المحدد ‎:header لاختيار العناصر، اختر العناصر أولًا باستعمال باستعمال محدد CSS صرف (pure) ثم استعمل ‎.filter(":header")‎. أمثلة ...

المحدد ‎:animated‎‎ في jQuery

المحدد ‎:animated‎ الوصف يُستخدَم المُحدِّد ‎:animated‎ في تحديد جميع العناصر قيد التحريك حاليًّا في وقت تشغيل المُحدِّد. ‎jQuery( ":animated" )‎ أضيفت في الإصدار: 1.2. ملاحظة: إن استخدمنا نسخة jQuery مُخصَّصة لا تحتوي على وحدة التأثيرات، فسيرمي المُحدِّد ‎:animated‎ خطأً. ملاحظات إضافيّة لمّا كان المُحدِّد ‎:animated‎ عبارة عن امتداد jQuery وليس جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم هذا المُحدِّد من تحسين الأداء المُقدَّم عن طريق تابع DOM الأصلي ‎querySelectorAll()‎. ولتحقيق أفضل أداء عند استخدام ‎:animated لتحديد العناصر، فحدِّد ...

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

‎.eq( index )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف تقليص مجموعة العناصر المتطابقة إلى تلك الموجودة في الفهرس المُحدَد. ‎.eq( index )‎ أُضيف مع الإصدار: 1.1.2. index عدد صحيح يشير إلى الموضع الصفري للعنصر، وهو من النوع Number. ‎.eq( indexFromEnd )‎ أُضيف مع الإصدار: 1.4. indexFromEnd عدد صحيح يشير إلى موضع العنصر، مع العد تنازليا من العنصر الأخير في المجموعة، وهو من النوع Number. إذا كان لدينا كائن jQuery يمثل مجموعة من عناصر DOM، فسينشئ التابع ‎.eq()‎ كائن jQuery ...

المحدد ‎‎:has()‎ في jQuery

المحدد ‎:has()‎ الوصف يختار هذا المحدد العناصر التي تحتوي على عنصر واحد على الأقل والذي تطابق مع المُحدِّد المُمرَّر. jQuery( ":has(selector)" )‎ أضيف مع الإصدار: 1.1.4. selector أي نوع من محددات jQuery. التعبير ‎$( "div:has(p)" )‎ ينتقي العنصر <div> إذا كان يضم العنصر <p> داخله سواءً كان ابنًا مباشرًا أو غير مباشر. ملاحظات إضافية لمّا كان المحدد ‎:has()‎ هو ملحق تابع لمكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل ‎:has()‎ لا يمكنها الإستفادة من سرعة الأداء الذي ...

المحدد ‎:first‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

المحدد ‎:first الوصف يحدد أول عنصر DOM متطابق. jQuery( ":first" )‎ أُ‎ضيف مع الإصدار: 1.0. يعادل مُحدد الصنف الزائف ‎:first المحدد ‎:eq( 0 )‎. ويمكن أيضًا أن يُكتب على النحو ‎:lt( 1 )‎. في حين أن هذا لا يتطابق إلا مع عنصر واحد فقط : يمكن أن يتطابق المُحدد :first-child مع أكثر من عنصر بواقع عنصر واحد لكل أب. ملاحظات إضافية لأن ‎:first هو ملحق jQuery وليس جزءًا من مواصفات CSS، فلا يمكن استفادة الاستعلامات التي تستخدم ‎‎:first من تحسين الأداء ...

المحدد ‎‎‎:gt()‎‎ في jQuery

المحدد ‎:gt()‎ الوصف يحدِّد كل العناصر التي لها فهرس (index) أكبر من المعامل index المعطى داخل المجموعة المطابقة. jQuery(" :gt(index) ")‎ أُضيف مع الإصدار: 1.0. index فهرس صفري للعنصر المراد مطابقته. jQuery( ":gt(-index)" )‎ أُضيف مع الإصدار: 1.8. indexFromEnd فهرس صفري، معدود تنازليًا من العنصر الأخير. المحددات المتعلقة بالفهرس (index-related selectors) تنتقي المحددات المتعلقة بالفهرس مجموعةً من العناصر التي تطابقت مع التعابير سابقًا. إذ تقلِّص العناصر بناءً على ترتيبها في المجموعة المتطابقة. لنفترض مثلا أنه حُدِّدت أولًا العناصر الموجودة في محدد ...

المحدد ‎‎‎:lt()‎‎ في jQuery

المحدد ()‎:lt الوصف يختار هذا المحدِّد جميع العناصر التي فهرسها أقل من القيمة index المعطاة في المجموعة المطابقة. jQuery( ":lt(index)" )‎ أُضيف مع الإصدار: 1.0. index فهرس صفري. jQuery( ":lt(-index)" )‎ أُضيف مع الإصدار: 1.8. indexFromEnd فهرس صفري للعنصر المراد مطابقته، معدود تنازليًا بدءًا من العنصر الأخير. المحددات المرتبطة بالفهارس ترشِّح المحددات المرتبطة بالفهارس (من ضمنها هذا المحدِّد) مجموعة العناصر التي طابقت التعبيرات التي تسبقها؛ وهي تُضيِّق المجموعة على أساس ترتيب العناصر داخل هذه المجموعة المتطابقة. على سبيل المثال، إذا ...

المحدد ‎‎‎:selected‎ في jQuery

المحدد ‎:selected الوصف يحدِّد جميع العناصر المُحدَّدة. ‎jQuery( ":selected" )‎ أُضيف مع الإصدار: 1.0. يُستعمَل المحدِّد ‎:selected خصِّيصًا مع العناصر <option>، ولا يعمل مع مربعات الاختيار (checkboxes) أو أزرار الانتقاء (radio buttons)، لذا استعمل معهم المحدِّد ‎:checked. ملاحظات إضافية لمَّا كان المحدِّد ‎:selected هو ملحق في مكتبة jQuery  وليس جزءًا من مواصفة CSS، فإنَّ الاستعلامات التي تستعمل ‎:selected لا يمكنها الاستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول على أداء أفضل في المتصفحات الحديثة، حدِّد العناصر باستعمال ...

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

‎.end()‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف ينهي هذا التابع أحدث عملية الترشيح في السلسلة الحالية ويُعيد مجموعة العناصر المتطابقة إلى حالتها السابقة. ‎.end()‎ أُضيف مع الإصدار: 1.0. لا يقبل هذا التابع أي وسائط. تعمل معظم توابع jQuery للتنقل في شجرة DOM على نسخة من الكائن jQuery وتنتج كائنًا جديدًا آخر يطابق مجموعةً مختلفةً من عناصر DOM. عند حدوث ذلك، يبدو الأمر كما لو أن المجموعة الجديدة من العناصر تُدفَع إلى مكدس محفوظ داخل الكائن. ويدفع كل تابع ...

المحدد ‎:even‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

المحدد ‎:even الوصف يختار هذا المحدد العناصر الزوجية، وهو مُحدد صفري مفهرس. انظر أيضا المحدد ‎:odd. jQuery( ":even" )‎ أُ‎ضيف مع الإصدار: 1.0. على وجه الخصوص، لاحظ أن الفهرسة الصفرية تعني، بشكل مضاد للبديهة، أن ‎:even يُحدد العنصر الأول والعنصر الثالث وما إلى ذلك داخل المجموعة المتطابقة. ملاحظات إضافية لأن ‎:even هو ملحق jQuery وليس جزءًا من مواصفات CSS، فلا يمكن استفادة الاستعلامات التي تستخدم ‎‎:even من تحسين الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎‎. لتحقيق أفضل أداء عند استخدام ...

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

‎.animate( properties [, duration ] [, easing ] [, complete ] )‎ القيمة المعادة كائن jQuery. الوصف يُستخدَم التّابع ‎.animate()‎ في تنفيذ تحريك (animation) مُخصَّص لمجموعة من خاصيّات CSS. ‎.animate( properties [, duration ] [, easing ] [, complete ] )‎ أضيفت في الإصدار 1.0. properties كائن مُجرَّد (PlainObject)، ويُمثِّل خاصيّات CSS والقيم التي سيتجه التحريك باتجاهها. duration عدد أو سلسلة نصيّة، وتُمثِّل القيمة التي ستُحدِّد فترة تشغيل التحريك. القيمة الافتراضيّة: 400. easing سلسلة نصيّة، وتُمثِّل دالة الحركة السّلسة (easing ...

المحدد ‎‎‎:radio‎‎ في jQuery

المحدد ‎:radio الوصف يحدِّد جميع عناصر الإدخال <input> ذات النوع radio. ‎jQuery( ":radio" )‎ أُضيف مع الإصدار: 1.0. المحدِّد ‎$( ":radio" )‎ يكافئ ‎$( "[type=radio]" )‎. يفضَّل أن يُسبق هذا المحدِّد، كما في محدِّدات الصنف الزائف (pseudo-class selectors) التي تبدأ بنقطتين ":"، باسم وسمٍ (tag) أو محدِّد آخر وإلا سيُسبق بالمحدِّد العام "*" بشكل ضمني. بعبارة أخرى، استعمال المحدِّد بالشكل ‎$( ":radio" )‎ يكافئ تمامًا ‎$( "*:radio" )‎، لذا يجب استعمال ‎$( "input:radio" )‎ مثلًا عوضًا عن ذلك. لتحديد مجموعة ...

المحدد ‎‎‎:odd‎‎‎ في jQuery

المحدِّد ‎:odd‎ الوصف يختار هذا المحدِّد جميع العناصر التي قيمة فهرسها فرديَّة، إذ تستعمل فهرسًا صفريًّا (zero-indexed). انظر أيضًا المحدِّد ‎:even. jQuery( ":odd" )‎ أُضيف مع الإصدار: 1.0. يستعمل هذا المحدد فهرسًا صفريًّا (‎0-based indexing) أي يبدأ العد من القيمة 0، لذا يختار العنصر الثاني والرابع ...إلخ ضمن المجموعة المطابقة (أي العناصر الزوجيَّة لأن قيمة فهرسها فرديَّة). ملاحظات إضافية لما كان المحدد ‎:odd‎ ملحقًا بمكتبة jQuery وليس جزءًا من مواصفة CSS، فإنَّ الاستعلامات التي تستخدم ‎:odd‎ لن تستفيد من سرعة ...

المحدد ‎‎‎:parent‎‎ في jQuery

المحدِّد ‎:parent الوصف يختار هذا المحدِّد جميع العناصر التي لها ابن واحد على الأقل (بما في ذلك العقد النصية). jQuery( ":parent" )‎ أُضيف مع الإصدار: 1.0. هذا المحدِّد هو عكس المحدِّد ‎:empty تمامًا. يجب ملاحظة شيء واحد مهم مع المحدِّد ‎:parent (والمحدِّد ‎:empty) وهو أنَّ العناصر الأبناء قد تتضمن عقد نصية. توصي W3C بأن يحتوي العنصر <p> على عقدة ابن واحدة على الأقل، حتى لو كان هذا الابن مجرد نص (راجع https://www.w3.org/TR/html401/struct/text.html#edef-P). من ناحية أخرى، تكون بعض العناصر الأخرى فارغة ...

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

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎.filter( selector )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف يقلص هذا التابع مجموعة العناصر المُطابقة إلى تلك التي تطابق المُحدد أو اجتازت اختبار الدالة. ‎.filter( selector )‎ أُضيف مع الإصدار: 1.0. selector سلسلة نصية من النوع Selector تحتوي على تعبير مُحدد لمطابقة المجموعة الحالية من العناصر. ‎.filter( function )‎ أُضيف مع الإصدار: 1.0. function دالة على الشكل Function( Integer index, Element element ) => Boolean تُستخدم كاختبار لكل عنصر في المجموعة. ويُعد المعامل this هو عنصر DOM الحالي. ...

المحدد ‎:eq()‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

المحدد ‎:eq()‎‎ الوصف يُحدد العنصر الموجود في الفهرس n داخل المجموعة المتطابقة. jQuery( ":eq(index)" )‎ أُ‎ضيف مع الإصدار: 1.0. index فهرس صفري للعنصر المراد مطابقته. jQuery( ":eq(-index)" )‎ أُ‎ضيف مع الإصدار: 1.8. indexFromEnd فهرس صفري للعنصر المراد مطابقته، معدود تنازليًا من العنصر الأخير. تقوم المحددات المرتبطة بالفهارس ( ‎:eq()‎ و ‎:lt()‎ و ‎:gt()‎ و ‎:even و ‎:odd ) بترشيح مجموعة العناصر التي طابقت التعبيرات التي تسبقها. وهي تُضيِّق المجموعة على أساس ترتيب العناصر داخل هذه المجموعة المتطابقة. على سبيل المثال، ...

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

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎.finish( [queue ] )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف ينهي هذا التابع الحركة الجاري تشغيلها، ويُزيل كل الحركات المدرجة في طابور الانتظار، ويكمل جميع حركات العناصر المطابقة. ‎.finish( [queue ] )‎ أُضيف مع الإصدار: 1.9. queue (default: 'fx')‎ سلسلة نصية من النوع String توضح اسم طابور الانتظار المراد إنهاء الحركة داخله. عند استدعاء التابع ‎.finish()‎ على عنصر ما، فإن الحركة الجاري تشغيلها حاليًا وجميع الحركات المُدرجة في طابور الانتظار (إن وجدت) تتوقف على الفور وتُضبط خاصيات CSS ...

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

‎.closest( selector )‎ القيمة المعادة كائن jQuery. الوصف يُستخدَم التابع ‎.closest()‎ بالنسبة لكل عنصر في المجموعة للحصول على العنصر الأول الذي يُطابِق المُحدِّد عن طريق اختبار العنصر ذاته والانتقال إلى العناصر الأسلاف له في شجرة DOM. ‎.closest( selector )‎ أضيفت في الإصدار: 1.3. selector مُحدِّد، ويُمثِّل سلسلة نصيّة تحتوي على تعبير المُحدِّد المطلوب مُطابقة العناصر معه. ‎.closest( selector [, context ] )‎ أضيفت في الإصدار: 1.4. selector مُحدِّد، ويُمثِّل سلسلة نصيّة تحتوي على تعبير المُحدِّد المطلوب مُطابقة العناصر معه. context ...

المحدد ‎:visible‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

المحدد ‎:visible الوصف تحديد كل العناصر المرئية. jQuery( ":visible" )‎ أُضيف مع الإصدار: 1.0. تعدّ العناصر مرئية إذا كانت تشغل مساحة في المستند. العناصر المرئية لها عرض أو ارتفاع أكبر من الصفر. العناصر ذات الخاصية visibility: hidden أو opacity: 0 تعدّ مرئية، نظرًا لأنها لا تزال تستهلك مساحة في تخطيط الصفحة. تعدّ العناصر غير الموجودة في المستند مخفية؛ ليس لدى jQuery طريقة لمعرفة ما إذا كانت ستكون مرئية عند إلحاقها بوثيقة ما لأنها تعتمد على الأنماط المُطبّقة. هذا المحدد هو ...

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

‎.slice( start [, end ] )‎ القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يقلِّص هذا التابع مجموعة العناصر المطابقة إلى مجموعة فرعيَّة موجودة في مجال محدَّد. ‎.slice( start [, end ] )‎ أُضيف مع الإصدار: 1.1.4. start عدد صحيح يمثل مؤشرًا صفريًا (‎0-based index) يشير إلى موقع العنصر الذي يبدأ عنده مجال المجموعة الفرعيَّة. إن كانت قيمته سالبة، فسيشير إلى موقع العنصر الذي يمثِّل بداية المجال ولكن بدءًا من نهاية المجموعة. end عددٌ صحيحٌ يمثِّل فهرسًا صفريًا (‎0-based index) ...

المحدد ‎‎‎:image()‎‎ في jQuery

المحدد ‎:image()‎ الوصف يختار هذا المحدد كل العناصر ذات النوع image. jQuery( ":image" )‎ أضيف مع الإصدار: 1.0. المحدد ()image: مكافئ إلى [type="image"‎]. ملاحظات إضافية لما كان المحدد image()‎: هو ملحق بمكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الشيفرات التي تستعمل ‎:image()‎ لا يمكنها الإستفادة من سرعة الأداء التي يوفرها تابع DOM الأصلي ()querySelectorAll. للحصول على أداء أفضل في المتصفحات الحديثة، استعمل [type="image"‎] عوضًا عن ذلك. أمثلة إيجاد كل المدخلات التي من النوع image: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> ...

CSS/Topics/Pseudo Elements

العنصر الوصف ‎::after‎ هو آخر عنصر ابن للعنصر المُحدَّد، ويستخدَم عادةً لإضافة محتوى تزييني للعنصر باستخدام الخاصية content، وهو عنصرٌ سطريٌ افتراضيًا. ‎::backdrop هو صندوقٌ يُعرَض مباشرةً تحت أيّ عنصر معروض في وضع ملء الشاشة. ‎::before هو أوّل عنصر ابن للعنصر المُحدَّد، ويستخدَم عادةً لإضافة محتوى تزييني للعنصر باستخدام الخاصية content، وهو عنصرٌ سطريٌ افتراضيًا. ‎::first-letter يؤدي إلى تطبيق الأنماط على أوّل حرف من أوّل سطر من العناصر الكتلية (block-level elements)، شرط ألّا يسبقها محتوى آخر (مثل الصور أو الجداول السطرية). ‎::first-line ...

CSS/Topics/Pseudo Classes

الصنف التمثيل ‎:active العناصر (مثل الأزرار) التي جرى تفعيلها من المستخدم. وعند استخدام الفأرة سيبدأ «تفعيل» العنصر عندما يضغط المستخدم على الزر الرئيسي لها وينتهي عند إفلات الضغط على ذاك الزر. ‎:checked أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر<select> تم تحديدها أو انتقاؤها. يمكن أن يُفعِّل المستخدم هذه الحالة بتفعيل أو انتقاء العنصر. ‎:default أي عنصر مُختار افتراضيًا بين مجموعة من العناصر المتعلقة به؛ ويمكن استخدام هذا الصنف الزائف على أيّة أزرار عادية <button> أو أزرار انتقاء (radio button) ...

CSS/Topics/Box Model

خصائص الصندوق الخاصية الوصف box-sizing تُستخدم لتعديل النموذج الصندوقي الافتراضي في CSS (أي CSS box model) المستخدم لحساب عرض وارتفاع العناصر. height تُحدِّد ارتفاع أحد العناصر، وتستخدم هذه الخاصية افتراضيًا لتحديد ارتفاع منطقة المحتوى، لكن إن كانت الخاصية box-sizing مضبوطة إلى border-box فستُحدِّد ارتفاع العنصر بدءًا من الحافة الخارجية للإطار. max-height تضبط الارتفاع الأقصى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية height من أن تتجاوز القيمة المُحدَّدة في الخاصية max-height. max-width تضبط العرض الأقصى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية width من أن تتجاوز القيمة المُحدَّدة ...

CSS/Topics/Generated Content

الخاصية الوصف content تُستخدَم مع العنصرين الزائفين ‎::before و‎::after لتوليد محتوى في العنصر. quotes تُشير إلى الطريقة التي يجب أن يعرض فيها المتصفح علامات الاقتباس.

CSS/Topics/Data Type

نوع البيانات الوصف angle نوع البيانات <angle> في CSS يستعمل لتمثيل القيم الزاويّة بالدرجات (degrees) أو بالغراد (grad) أو بالراديان (radians) أو بالدورات (turns)، ويمكن استخدام هذا النوع في التدرجات اللونية <gradient> وبعض دوالtransform. blend-mode نوع البيانات <blend-mode> في CSS يستعمل لوصف كيف يجب أن تمتزج الألوان عند تداخل طبقات الخلفات مع بعضها بعضًا. فلكل بكسل من بكسلات الطبقة التي طُبِّق عليها نمط الامتزاج، فسيأخذ اللون من الخلفية ومن الأمامية، وستُجرى عملية حسابية عليه، ويُعاد لونٌ جديدٌ سيستخدم مكان تداخل الطبقات. color value نوع البيانات <color> في CSS ...

CSS/Topics/User Interface

الخاصية الوصف caret-color تُحدِّد ما هو لون مؤشر الإدخال النصي (وهي الإشارة التي تظهر للإشارة إلى موضع الحرف النصي الذي سيدخله المستخدم) ضمن عنصر مثل <input> أو أي عنصر آخر له الخاصية contenteditable. الشكل الافتراضي لمؤشر الإدخال هو خطٌ رأسيٌ يومض لتسهيل ملاحظته، ويكون لونه الافتراضي هو الأسود، لكن يمكن تعديله باستخدام هذه الخاصية. cursor تُحدِّد ما هو شكل مؤشر الفأرة الذي سيُعرَض عندما تمر الفأرة فوق العنصر. outline الخاصية outline في CSS هي خاصية مختصرة تُستخدَم لضبط خاصية أو أكثر من الخاصيات outline-style و outline-width و outline-color في آنٍ واحد. ...

الخاصية ‎event.delegateTarget‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.delegateTarget القيمة المعادة تُعيد كائنًا من النوع Element. الوصف العنصر المُرفق به معالج أحداث jQuery المُستدعى حاليًا. event.delegateTarget أُضيف مع الإصدار: 1.7. تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع ‎.delegate()‎ أو التابع ‎.on()‎، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض. بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية event.delegateTarget مساويةً دومًا للخاصية event.currentTarget. أمثلة عند النقر ...

الخاصية ‎event.delegateTarget‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.delegateTarget القيمة المعادة تُعيد كائنًا من النوع Element. الوصف العنصر المُرفق به معالج أحداث jQuery المُستدعى حاليًا. event.delegateTarget أُضيف مع الإصدار: 1.7. تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع ‎.delegate()‎ أو التابع ‎.on()‎، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض. بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية event.delegateTarget مساويةً دومًا للخاصية event.currentTarget. أمثلة عند النقر ...

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

‎.first()‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف يُقلِّص هذا التابع مجموعة العناصر المطابقة إلى الأول في المجموعة. ‎.first()‎ أُضيف مع الإصدار: 1.4. لا يقبل هذا التابع أي وسائط. إذا أُدخل كائن jQuery يمثل مجموعة من عناصر DOM، يقوم التابع ‎.first()‎ ببناء كائن jQuery جديد من العنصر الأول في تلك المجموعة. إليك صفحة بها قائمة بسيطة: <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul> يمكننا تطبيق هذا ...

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

‎.fadeTo( duration, opacity [, complete ] )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف يضبط هذا التابع درجة عتامة العناصر المطابقة. ‎.fadeTo( duration, opacity [, complete ] )‎ أُضيف مع الإصدار: 1.0. duration مدة الحركة وهو من النوع عدد Number أو سلسلة نصية String. opacity رقم من النوع Number يتراوح ما بين 0 و 1 ويشير إلى درجة العتامة المستهدفة. complete دالة على الشكل Function()‎‎، تُستدعى بمجرد اكتمال الحركة. ‎.fadeTo( duration, opacity [, easing ] [, complete ] )‎ ...

تعديل العناصر في jQuery

جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل عنصر (أو مجموعة من العناصر) بأكمله وبذاته مثل الإضافة، أو النسخ، أو الحذف، أو الإزالة ...إلخ. (إن كنت تبحث عن توابع تعدل خاصية عنصر، فانتقل إلى قسم «تعديل الخاصيات»). ‎.after()‎ يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل بعد كل عنصر من مجموعة العناصر المُطابقة. ‎.append()‎ يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل إلى آخر كل عنصر من مجموعة العناصر المُطابِقة. ‎.appendTo()‎ يُدخِل هذا التّابع كل عنصر من ...

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

‎.last()‎ القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يزيل هذا التابع جميع العناصر المتطابقة من المجموعة باستثناء العنصر الأخير. ‎.last()‎ أُضيف مع الإصدار: 1.4. لا يقبل هذا التابع أي معاملات. إن أعطي للتابع ‎.last()‎ كائن jQuery يمثل مجموعةً من عناصر DOM، فسيبني كائن jQuery جديد من العنصر الأخير في تلك المجموعة. افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل: <ul> <li>عنصر القائمة الأول</li> <li>عنصر القائمة الثاني</li> <li>عنصر القائمة الثالث</li> <li>عنصر القائمة الرابع</li> <li>عنصر ...

المحدد ‎‎‎:lang()‎‎ في jQuery

المحدد ‎:lang()‎ الوصف يختار هذا المحدِّد جميع العناصر التي تشترك بلغة معيَّنة. jQuery( ":lang(language)" )‎ أُضيف مع الإصدار: 1.9. language رمز لغة العناصر المراد تحديدها. يطابق المحدد ‎:lang()‎ العناصر التي تمتلك قيمة لغة مساوية إلى رمز اللغة المعطى أو القيمة التي تبدأ برمز اللغة المعطى ثم تُتيع بالمحرف "-" مباشرةً. سيطابق مثلًا المحدِّد ‎$("div:lang(en)")‎ العنصر <div lang="en"‎> والعنصر <div lang="en-us"‎> وأي عناصر سليلة لهما، ولكن لن يطابق العنصر <div lang="ar"‎>. تُحدَّد قيمة اللغة في عناصر HTML باستعمال الخاصية lang وقد ...

المحدد ‎‎:checkbox‎‎ في jQuery

المحدد ‎:checkbox الوصف يُستخدَم المُحدِّد ‎:checkbox في تحديد جميع العناصر ذات النوع مربّع تأشير (checkbox). ‎jQuery( ":checkbox" )‎ أضيفت في الإصدار: 1.0. يُكافِئ التعبير ‎$( ":checkbox" )‎ استخدام ‎$( "[type=checkbox]" )‎. وكما هو الحال مع مُحدِّدات الأصناف الزائفة (تلك التي تبدأ بـ ":") فمن المفضّل أن نسبقها باسم العنصر أو أي مُحدِّد آخر وإلّا سيُطبَّق المُحدِّد العام (universal selector). أي بمعنى آخر تُكافِئ ‎$( ':checkbox' )‎ كتابة ‎$( "*:checkbox" )‎ لذلك يجب استخدام ‎$("input:checkbox")‎ بدلًا من ذلك.  ملاحظات إضافيّة لمّا ...

المحدد ‎‎‎:password‎‎ في jQuery

المحدد password: الوصف يحدِّد جميع عناصر الإدخال ذات النوع "password". ‎jQuery( ":password" )‎ أضيف مع الإصدار 1.0. المحدِّد ‎$( ":password" )‎ يكافئ ‎$( "[type=password]" )‎. يفضَّل أن يُسبق هذا المحدِّد، كما في محدِّدات الصنف الزائف (pseudo-class selectors) التي تبدأ بنقطتين ":"، باسم وسمٍ (tag) أو محدِّد آخر وإلا سيُسبق بالمحدِّد العام "*" بشكل ضمني. بعبارة أخرى، استعمال المحدِّد بالشكل ‎$( ":password" )‎ يكافئ تمامًا ‎$( "*:password" )‎، لذا يجب استعمال ‎$( "input:password" )‎ مثلًا عوضًا عن ذلك. ملاحظات إضافية لمَّا ...

المحدد ‎:file‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

المحدد ‎:file الوصف يحدد كل حقول الإدخال من النوع file التي تسمح برفع الملفات. jQuery( ":file" )‎ أُ‎ضيف مع الإصدار: 1.0. يعادل المحدد ‎:file الصيغة [type="file"‎]. وكما هو الحال مع الأصناف الزائفة الأخرى (تلك التي تبدأ بنقطتين رأسيتين :)، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي (*) كمحدد ضمني. وبعبارة أخرى ، فإن ‎$( ":file" )‎ الصريح يساوي ‎$("*:file" )‎ ، لذا يُفضَّل استخدام ‎$( "input:file" )‎ بدلاً من ذلك. ملاحظات إضافية لأن ‎:file هو ملحق تابع لمكتبة ...

محدد الخاصيات التي لا تساوي [name!="value"‎‎] في jQuery

محدد الخاصيات التي لا تساوي [name!="value"‎]  الوصف تحديد العناصر التي إمّا لا تمتلك خاصيّة HTML المُحدَّدة أو تمتلكها ولكن قيمتها لا تُساوي القيمة المُعيَّنة. ‎jQuery( "[attribute!='value']" )‎ أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. يُكافِئ هذا المُحدِّد ‎:not([attr='value'])‎ ملاحظات إضافيّة لمّا كانت [name!="value"‎] عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم [name!="value"‎] من زيادة الأداء ...

المحدد ‎‎‎:submit‎ في jQuery

المحدد submit: الوصف يحدِّد جميع عناصر الإدخال ذات النوع submit. ‎jQuery( ":submit" )‎ أضيف مع الإصدار 1.0. يُستعمَل المحدِّد ‎:submit عادةً مع العناصر <input> أو <button>. انتبه إلى أنَّ بعض المتصفحات تعامل العنصر <button> على أنَّها من النوع submit ضمنيًّا بينما لا تفعل متصفحات أخرى ذلك (مثل المتصفح Internet Explorer). إن أردت التأكد من عمل الشيفرة عبر جميع المتصفحات، وضمان تحديد العناصر <button> التي سترسل النموذج بشكل صحيح، فاستعمل الخاصِّيَّة type دومًا وحدِّد قيمتها. ملاحظات إضافية لمَّا كان المحدِّد ‎:submit ...

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

يعيد هذا التابع قيمة الطول الحالي (تتضمن قيمة الحواشي فقط دون الإطار) لأول عنصر في مجموعة العناصر المطابقة أو يغير الطول الداخلي لكل العناصر المطابقة. ‎.innerHeight()‎ القيم المعادة يعيد عدد من النوع Number. الوصف يعيد هذا التابع قيمة الطوال الحالي (من ضمنها قيمة الحواشي فقط دون إطار) لأول عنصر في مجموعة العناصر المطابقة. ‎.innerHeight()‎ أضيف مع الإصدار: 1.2.6، ولا يقبل هذا التابع أي معاملات. يعيد هذا التابع قيمة طول العنصر، وتدخل قيمة الحواشي العليا والسفلى ضمن تلك القيمة، بواحدة البكسل. ...

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

يعيد هذا التابع قيمة العرض الحالي (تدخل قيمة الحواشي ضمنها فقط) لأول عنصر من مجموعة العناصر المطابقة أو يغير العرض الداخلي لكل العناصر المطابقة. ‎.innerWidth()‎ القيم المعادة يعيد عدد من النوع Number. الوصف يعيد هذا التابع قيمة العرض الحالي (من ضمنها قيمة الحواشي ودون قيمة الإطار) لأول عنصر من مجموعة العناصر المطابقة. ‎.innerWidth()‎ أضيف مع الإصدار: 1.2.6، ولا يقبل هذا التابع أي معاملات. يعيد هذا التابع عرض العنصر، من ضمنها الحواشي اليمنى واليسرى، بواحدة البكسل. إن كان كائن jQuery فارغًا ...

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

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎.find( selector )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف يعيد العناصر السليلة لكل عنصر في المجموعة الحالية من العناصر المُطابقة، والتي تكون مرشحة بواسطة مُحدد، أو كائن jQuery، أو عنصر. ‎.find( selector )‎ أُضيف مع الإصدار: 1.0. selector سلسلة نصية من النوع Selector تحتوي على تعبير مُحدد لمطابقة العناصر معه. ‎.find( element )‎ أُضيف مع الإصدار: 1.60. element عنصر من النوع Element أو كائن من النوع jQuery لمطابقة العناصر معه. إذا أُدخل كائن jQuery يمثل مجموعة من عناصر ...

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

يجلب هذا التابع قيمة الارتفاع الخارجي (outer height، تتضمن الحواشي padding، والإطار border، والهامش margin اختياريًّا) الحاليَّة لأول عنصر في مجموعة العناصر المطابقة، أو يغير قيمة الارتفاع الخارجي لكل العناصر المطابقة. ‎.outerHeight( [includeMargin ] )‎ القيم المعادة يعيد عددًا من النوع Number. الوصف يجلب هذا التابع قيمة الارتفاع الخارجي (outer height، تتضمن الحواشي [padding]، والإطار [border]، والهامش [margin] اختياريًّا) الحاليَّة لأول عنصر في مجموعة العناصر المطابقة. ‎.outerHeight( [includeMargin ] )‎ أضيف مع الإصدار 1.2.6. includeMargin قيمة منطقيَّة (boolean) تحدِّد إن ...

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

يجلب هذا التابع قيمة العرض الخارجي (outer width، تتضمن الحواشي padding، والإطار border، والهامش margin اختياريًّا) الحاليَّة لأول عنصر في مجموعة العناصر المطابقة، أو يغير قيمة العرض الخارجي لكل العناصر المطابقة. ‎.outerWidth( [includeMargin ] )‎ القيم المعادة يعيد عددًا من النوع Number. الوصف يجلب هذا التابع قيمة العرض الخارجي (outer height، تتضمن الحواشي [padding]، والإطار [border]، والهامش [margin] اختياريًّا) الحاليَّة لأول عنصر في مجموعة العناصر المطابقة. ‎.outerWidth( [includeMargin ] )‎ أضيف مع الإصدار 1.2.6. includeMargin قيمة منطقيَّة (boolean) تحدِّد إن ...

المحدد ‎‎‎:nth-of-type()‎‎ في jQuery

المحدد ()‎:nth-of-type الوصف يختار هذا المحدِّد عناصر ذات موقع محدد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته. jQuery( ":nth-of-type(index/even/odd/equation)" )‎ أُضيف مع الإصدار: 1.9. index فهرس العنصر الابن المراد مطابقته، ويبدأ العد من القيمة 1 بدءًا من بداية المجموعة (أي فهرس أول عنصر في المجموعة هو 1). ويمكن استعمال الكلمة المحجوزة even التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها فرديًا، أو الكلمة المحجوزة odd التي تُمثِّل العناصر التي يكون ترتيبها بين ...

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

‎.offsetParent()‎ القيم المعادة يعيد كائنًا من النوع Object. الوصف يعيد أقرب عنصر جد (ancestor) متموضع (positioned) للعنصر المطابق. ‎.offsetParent()‎ أُضيف مع الإصدار: 1.2.6. ولا يقبل هذا الشكل أي وسائط. إن كان لدينا كائن jQuery يمثِّل مجموعة عناصر DOM، فسيسمح لنا التابع ‎.offsetParent()‎ بالبحث في العناصر الأجداد (ancestors) لهذه العناصر في شجرة DOM ثمَّ ينشئ كائن jQuery جديد ويضع فيه أقرب عنصر جد متموضع عثر عليه. يكون العنصر متموضعًا (positioned) إذا كانت قيمة الخاصِّيَّة position له هي إمَّا relative أو absolute ...

المحدد ‎‎‎:text‎ في jQuery

المحدد ‎:text الوصف يحدِّد جميع عناصر الإدخال <input> ذات النوع text. ‎jQuery( ":text" )‎ أُضيف مع الإصدار: 1.0. يسمح لنا المحدِّد ‎$( ":text" )‎ بتحديد جميع عناصر <input type="text"‎>. يفضَّل أن يُسبق هذا المحدِّد، كما في محدِّدات الصنف الزائف (pseudo-class selectors) التي تبدأ بنقطتين ":"، باسم وسمٍ (tag) أو محدِّد آخر وإلا سيُسبق بالمحدِّد العام "*" بشكل ضمني. بعبارة أخرى، استعمال المحدِّد بالشكل ‎$( ":text" )‎ يكافئ تمامًا ‎$( "*:text" )‎، لذا يجب استعمال ‎$( "input:text" )‎ مثلًا عوضًا عن ...

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

‎.has(selector)‎ القيم المعادة يُعيد كائنًا من النوع jQuery. الوصف يختار هذا التابع من العناصر التي حُدِّدَت مسبقًا العناصرَ السليلة منها التي تحقق الشروط المطلوبة في المحددات أو تطابق عنصر DOM. ‎.has( selector )‎ أضيف مع الإصدار: 1.4. selector سلسلة نصية من الكائن String، وتحتوي على تعبير المحدد لمطابقة عناصر معينة. ‎.has( contained )‎ أضيف مع الإصدار: 1.4. contained عنصر، وهو عنصر من شجرة DOM لاختيار الأب الذي يضمه. لنفترض أنه لدينا كائن jQuery والذي يمثل مجموعة من عناصر DOM، فسينشئ ...

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

‎.add( selector )‎ القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف إنشاء كائن jQuery جديد من العناصر المضافة إلى مجموعة من العناصر المطابقة. add( selector )‎ أُضيف مع الإصدار: 1.0. selector سلسلة من النوع Selector تمثل تعبير مُحدِّد للعثور على عناصر إضافية لإضافتها إلى مجموعة العناصر المطابقة. ‎.add( elements )‎ أُضيف مع الإصدار: 1.0. elements عنصر واحد أو أكثر من النوع Element لإضافته إلى مجموعة العناصر المطابقة. ‎.add( html )‎ أُضيف مع الإصدار: 1.0. html جزء من شيفرة HTML لإضافته ...

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

‎.prevAll( [selector ] )‎ القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع جميع العناصر الأخوة التي تسبق كل عنصر في مجموعة العناصر المطابقة، ثمَّ يرشحها اختياريًّا باستعمال محدِّد. ‎.prevAll( [selector ] )‎ أُضيف مع الإصدار: 1.2. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر. عند إعطاء التابع ‎.prevAll()‎ كائن jQuery يمثل مجموعة عناصر DOM، فسيبحث عن جميع العناصر الأخوة السابقة لهذه العناصر في شجرة DOM ثمَّ سينشئ كائن jQuery جديد يضع فيه العناصر التي وجدها. يقبل ...

التأثيرات والحركات في jQuery

توفر مكتبة jQuery عدة تقنيات من أجل إضافة حركات إلى صفحة الويب. المحركات المشمولة هي الحركات البسيطة (simple animations) والحركات القياسية (standard animations) المستخدمة بكثرة بالإضافة إلى توفير إمكانية لإنشاء وإضافة حركات مخصصة. ‎.animate()‎ يُنفِّذ هذا التّابع تحريكًا (animation) لخاصيّة أو لمجموعة من خاصيّات CSS. ‎.clearQueue()‎ يُزيل هذا التّابع كافّة العناصر التي لم تُشغَّل حتى الآن من الطابور. ‎.delay()‎ يضبط هذا التابع مؤقِّت لتأجيل تنفيذ العناصر التالية في طابور (queue) الانتظار. ‎.fadeIn()‎ يعرض هذا التابع العناصر المطابقة عن طريق تحويلها ...

التابع ‎‎.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 جديد يضع فيه العناصر التي وجدها. يقبل التابع اختياريًّا تعبير محدِّد لنفس ...

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

‎‎.parent( [selector ] )‎‎ القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يجلب هذا التابع العنصر الأب لكل عنصر في مجموعة العناصر المطابقة، ويمكن أن يرشِّح أيضًا تلك العناصر التي أعادها اختياريًا باستعمال محدِّد. ‎.parent( [selector ] )‎ أضيف مع الإصدار 1.0. selector سلسلة نصية تحتوي على تعبير محدِّد لمطابقة العناصر التي يجلبها التابع عند إعطاء التابع ‎.parent()‎ كائن jQuery يمثل مجموعة من عناصر DOM، فسيبحث عن العنصر الأب المباشر لكل عنصر من هذه العناصر في شجرة DOM ثمَّ سينشئ ...

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

‎.addBack( [selector ] )‎ القيمة المعادة كائن jQuery. الوصف يُستخدَم التّابع ‎.addBack()‎ لإضافة مجموعة العناصر الموجودة سابقًا في المَكْدَس (stack) إلى المجموعة الحاليّة، مع إمكانيّة ترشيحها بشكل اختياري عن طريق مُحدِّد (selector). ‎.addBack( [selector ] )‎ أضيفت في الإصدار 1.8. selector مُحدِّد، ويُمثِّل سلسلة نصيّة تحتوي على تعبير المُحدِّد المطلوب مُطابقة مجموعة العناصر الحاليّة معه. كما هو موصوف في صفحة التّابع ‎.end()‎ تحتفظ كائنات jQuery بمكدس داخلي يتتبع التغييرات إلى مجموعة العناصر المُوافقة. عندما يُستدعى أحد توابع التحكّم في DOM ...

عرض (500 السابقة | 500 التالية) (20 | 50 | 100 | 250 | 500).