نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
محدد الأصناف ".class" في jQuery
محدد الأصناف الوصف يُستخدَم مُحدِّد الأصناف في تحديد كافّة العناصر التي تمتلك الصّنف المُعطَى. jQuery( ".class" ) أضيفت في الإصدار: 1.0. class الصّنف المطلوب البحث عنه. يُمكِن للعنصر أن يمتلك عدّة أصناف، يجب أن يتطابق واحد منها فقط مع هذه القيمة. تستخدم jQuery لأجل مُحدِّدات الأصناف الدالة getElementsByClassName() الأصليّة في JavaScript إن كان المتصفّح يدعمها. أمثلة إيجاد العنصر الذي يمتلك الصّنف myClass: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>class مثال عن المحدد</title>
<style>
div, span {
...
المحدد :last-of-type في jQuery
المحدد :last-of-type الوصف يختار هذا المحدِّد جميع العناصر التي يُعدُّ كل واحد منها العنصر الأخير بين أخوته التي لها الاسم ذاته. jQuery( ":last-of-type" ) أُضيف مع الإصدار: 1.9. يطابق المحدِّد :last-of-type العناصر التي لا تملك عناصر أخرى ولها الأب نفسه واسم العنصر نفسه أيضًا في الصفحة. أمثلة إيجاد العنصر <span> الأخير في كل عناصر <div> المتطابقة وتغيير تنسيقها وإضافة بعض التأثيرات التفاعلية إليها (عند مرور مؤشر الفأرة عليها): <!doctype html>
<html lang="ar">
<head>
<meta charset="utf-8">
<title>last-of-type مثالٌ عن استعمال المحدد</title>
...
المحدد :only-of-type في jQuery
المحدد :only-of-type الوصف يختار هذا المحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة) وتملك اسم ذلك العنصر نفسه. jQuery( ":only-child" ) أُضيف مع الإصدار: 1.9. إن كان للعنصر الأب عنصر ابن آخر (عنصرين أو أكثر) من نفس الاسم، فلن يتطابق أي عنصر. أمثلة تغيير نص وشكل إطار كل زر يكون عنصرًا وحيدًا ضمن العنصر الأب ومن النوع نفسه: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>only-of-type مثالٌ عن استعمال المحدد</title>
...
المحدد :nth-child() في jQuery
المحدِّد ():nth-child الوصف يختار هذا المحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى). jQuery( ":nth-child(index/even/odd/equation)" ) أُضيف مع الإصدار: 1.1.4. index فهرس العنصر الابن المراد مطابقته، ويبدأ العد من القيمة 1 (أي فهرس أول عنصر في المجموعة هو 1). ويمكن استعمال الكلمة المحجوزة even التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها فرديًا، أو الكلمة المحجوزة odd التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها زوجيًا، أو معادلات من الشكل An+B الذي يُمثِّل ...
المحدد :last-child في jQuery
المحدد :last-child الوصف يختار هذا المحدِّد جميع العناصر التي تُعدُّ الابن الأخير لآبائها. jQuery( ":last-child" ) أُضيف مع الإصدار: 1.1.4. يختار المحدد :last عنصرًا وحيدًا فقط، بينما يمكن أن يختار المحدد :last-child عدة عناصر إذ يكون لكل أب عنصرًا واحدًا منها. أمثلة إيجاد العنصر <span> الأخير في كل عناصر <div> المتطابقة وتغيير تنسيقها وإضافة بعض التأثيرات التفاعلية إليها (عند مرور مؤشر الفأرة عليها): <!doctype html>
<html lang="ar">
<head>
<meta charset="utf-8">
<title>last-child مثالٌ عن استعمال المحدد</title>
<style>
span.solast {
...
المحدد :only-child في jQuery
المحدد :only-child الوصف يختار هذا المحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة). jQuery( ":only-child" ) أُضيف مع الإصدار: 1.1.4. إن كان للعنصر الأب عنصر ابن آخر (عنصرين أو أكثر)، فلن يتطابق أي عنصر. أمثلة تغيير نص وشكل حدود كل زر يكون عنصرًا وحيدًا ضمن العنصر الأب: <!doctype html>
<html lang="ar>
<head>
<meta charset="utf-8">
<title>only-child مثالٌ عن استعمال المحدد</title>
<style>
div {
width: 100px;
...
محدد العناصر "element" في jQuery
محدد العناصر الوصف يُحدد جميع العناصر التي تحمل اسم الوسم المُعطى. jQuery( "element" ) أُضيف مع الإصدار: 1.0. element العنصر المراد البحث عنه. ويشير إلى tagName في عُقَد DOM (DOM nodes). تستدعى الدالة getElementsByTagName() من JavaScript لإعادة العناصر المناسبة عند استخدام هذا التعبير. أمثلة العثور على جميع عناصر <div>: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>element مثال على محدد العناصر</title>
<style>
div, span {
width: 60px;
height: 60px;
...
المحدد :first-of-type في jQuery
المحدد :first-of-type الوصف يحدد كل العناصر التي تكون الأولى بين العناصر الأخوة المجاورة لها ولها نفس اسم العنصر. jQuery( ":first-of-type" ) أُضيف مع الإصدار: 1.9. يطابق المحدد :first-of-type العناصر التي ليس لها عنصر آخر له نفس العنصر الأب ونفس اسم العنصر قبل هذا العنصر في شجرة المستند. أمثلة البحث عن أول <span> في كل <div> مطابقة وإضافة صنف إليه: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>first-of-type demo</title>
<style>
span.fot {
color: red;
...
المحدد :nth-of-type() في jQuery
المحدد ():nth-of-type الوصف يختار هذا المحدِّد عناصر ذات موقع محدد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته. jQuery( ":nth-of-type(index/even/odd/equation)" ) أُضيف مع الإصدار: 1.9. index فهرس العنصر الابن المراد مطابقته، ويبدأ العد من القيمة 1 بدءًا من بداية المجموعة (أي فهرس أول عنصر في المجموعة هو 1). ويمكن استعمال الكلمة المحجوزة even التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها فرديًا، أو الكلمة المحجوزة odd التي تُمثِّل العناصر التي يكون ترتيبها بين ...
محدد العناصر التي لها الخاصية [name] في jQuery
محدد العناصر التي لها الخاصية [name] الوصف يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها. jQuery( "[attribute]" ) أضيف مع الإصدار: 1.0. attribute اسم الخاصية المراد البحث عنها. أمثلة إضافة قيمة الخاصية id إلى المحتوى النصي للعنصر الذي يمتلك الخاصية id : <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeHas demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>no id</div>
<div id="hey">with id</div>
<div id="there">has an id</div>
<div>nope</div>
<script>
// .one() نستعمل التابع
// لكي يُنفَّذ معالج الأحداث مرةً واحدةً على الأكثر لكل عنصر ولكل حدث
$( "div[id]" ).one( "click", ...
اختبارات المتصفح (Laravel Dusk) في Laravel
مقدمة يوفّر لك Laravel Dusk أتمتة للمتصفّح واختبار للواجهات البرمجيّة بطريقة سهلة الاستخدام. بشكلٍ افتراضي، لا يتطلّب Dusk تنصيب JDK أو Selenium على جهازك، حيث يستعمل تثبيت مستقل (standalone) لبرمجية ChromeDriver. بأي حال، يمكنك استخدام أي برنامج تشغيل متوافق مع Selenium إذا أردت. التثبيت للبدء، أضف الاعتمادية laravel/dusk إلى مشروعك: composer require --dev laravel/dusk
بعد تثبيت Dusk، سجّل مزوّد الخدمة الذي يتبع إلى Dusk، وهو Laravel\Dusk\DuskServiceProvider. بشكل عام، يكون هذا تلقائيًّا باستخدام التسجيل التلقائي لمزوّدات خدمة Laravel. تنبيه: إذا قمت بتسجيل ...
الدالة itertools.compress() في بايثون
تعيد الدّالة itertools.compress() مُكرّرًا يُرشّح العناصر المتواجدة داخل الكائن القابل للتّكرار المُعطى مُعيدًا فقط تلك التي تملك عنصرًا مُحدّدًا يُساوي القيمة المنطقيّة True. ويتوقّف المُكرّر عندما تنتهي قيم البيانات المُعطاة أو قيم المُحدّدات. البنية العامة itertools.compress(data, selectors)
المعاملات data البيانات التي ستُرشّح. selectors المُحدّدات التي تُحدّد ما إذا كانت البيانات ستنضم إلى المُكرّر المُعاد أو لا. القيمة المعادة مُكرّر يحتوي على عناصر الكائن data التي تُساوي مُحدّداتها القيمة المنطقيّة True. أمثلة المثال التّالي يوضّح كيفيّة عمل هذه الدّالة: >>> data ...
محدد الخاصيات التي تنتهي بـ [name$="value"] في jQuery
محدد الخاصيات التي تنتهي بـ [name$="value"] الوصف تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تنتهي بالضّبط بالسلسلة النصيّة المُعطاة، تكون المقارنة حسّاسة لحالة الأحرف. jQuery( "[attribute$='value']" ) أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. أمثلة إيجاد كافّة حقول الإدخال والتي خاصيّة الاسم لها تنتهي بالقيمة letter، ووضع نص فيها: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن محدد ...
محدد الخاصيات التي تساوي [name="value"] في jQuery
محدد الخاصيات التي تساوي [name="value"] الوصف تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة. jQuery( "[attribute='value']" ) أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. أمثلة إيجاد كافّة حقول الإدخال التي تملك القيمة أحمر وتبديل نص عنصر <span> المُجاور لها: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن محدد الخاصيات التي تساوي [name="value"]</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
...
الدالة ()selector_extend في Sass
تعيد الدالة selector_extend() نسخةً جديدةً من المحدِّد $selector مع توسعة $extendee بواسطة $extender. النتيجة تشبه الكود البرمجي التالي: $selector { ... }
$extender { @extend $extendee }
البنية العامة selector_extend($selector, $extendee, $extender)
المعاملات $selector المحدِّد الذي سيُوسع داخله المحدِّد $extendee بواسطة المعامل $extender. يمكن أن يكون عبارةً عن سلسلة نصيَّة، أو قائمة من سلاسل نصيَّة، أو قائمة من قوائم من سلاسل نصيَّة مثلما تُعاد باستعمال الرمز &. $extendee المحدِّد الذي سيُوسع. يمكن أن يكون عبارةً عن سلسلة نصية، أو قائمة من ...
الدالة ()simple_selectors في Sass
تعيد الدالة simple_selectors() المحدّدات البسيطة التي يتركّب منها المحدّد المركّب المُمرَّر إليها. لاحظ أنّ المحدِّد $selector المرَّر إلى الدالة ينبغي أن يكون محدِّدًا مركَّبًا. هذا يعني أنَّه لا يمكن أن يحتوي على فواصل أو مسافات، ويعني ذلك أيضًا أنَّ هذه الدالة لا تقبل سوى سلاسل نصيَّة وليس القوائم بخلاف دوال المحدَّدات الأخرى. البنية العامة simple_selectors($selector)
المعاملات $selector المُحدد المُركَّب المراد استخراج المحدَّدات البسيطة التي يتركَّب منها. القيم المعادة تُعاد قائمة بالمحدِّدات البسيطة الموجودة في المحدِّد المركَّب $selector. أمثلة أمثلة نموذجية ...
الدالة ()selector_append في Sass
تعيد الدالة selector_append() محدّدًا جديدًا مع إضافة جميع المحدِّدات الموجودة في المعامل $selectors إلى بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط مثل $selector1 { &$selector2 { ... } }. البنية العامة selector_append($selectors...)
المعاملات $selectors المحدِّدات التي ستُضاف إلى بعضها بعضًا، ويجب أن يُمرّر مُحدّد واحد على الأقل. يمكن أن يكون كلُّ واحد منها عبارة عن سلسلة نصيَّة، أو قائمة من السلاسل النصية، أو قائمة من قوائم تحوي سلاسل نصيَّة كما تُعاد باستعمال الرمز &. القيم المعادة تُعاد قائمة ...
أساس jQuery
تشكل التوابع والدوال الموجودة في هذا القسم أساس مكتبة jQuery. .length تعيد هذه الخاصِّيَّة عدد العناصر الموجودة في كائن jQuery. .jquery يُسند إلى هذه الخاصِّية سلسلة نصية تحتوي على رقم إصدار jQuery. jQuery() تعيد هذه الدالة مجموعةً من العناصر المطابقة التي إمَّا وُجدَت في شجرة DOM بناءً على الوسائط المُمرَّرة، أو أنشئت بتمرير سلسلة نصية تحتوي على محتوى HTML. jQuery.contains() يتحقَّق هذا التابع إن كان عنصر DOM معيَّن هو عنصر سليل (ancestor) من عنصر DOM آخر. jQuery.cssHooks() يتعلَّق هذا التابع ...
jQuery/Topics
أساس jQuery تشكل التوابع والدوال الموجودة في هذا القسم أساس مكتبة jQuery. المحددات توفر مكتبة jQuery مجموعة قوية من الأدوات لمطابقة العناصر وتحديدها في الصفحة، إذ استفادت المكتبة من CSS بجميع إصداراتها. التنقل بين العناصر تتيح التوابع في هذا القسم بتحديد عناصر موجودة في موضع محدد والتنقل بينها. تعديل العناصر جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل عنصر (أو مجموعة من العناصر) بأكمله وبذاته مثل الإضافة، أو النسخ، أو الحذف، أو الإزالة ...إلخ. (إن كنت تبحث ...
خدمات jQuery
توفر التوابع الموجودة في هذا القسم بعض عدة خدمات ووظائف متنوعة. يصعب حصرها في تصنيف أو قسم واحد. jQuery.dequeue() ينفَّذ هذا التابع الدالة التالية الموجودة في طابور الانتظار للعناصر المتطابقة. jQuery.each() هذه الدالة هي دالة تكرار عامة تستعمل لتكرار تنفيذ دالة بسلاسة تامة عبر الكائنات والمصفوفات. عدد مرات تكرار تنفيذ الدالة على المصفوفات والكائنات الشبيهة بالمصفوفات التي لها الخاصِّيَّة length (مثل الكائن الذي يحوي وسائط دالةٍ) تنحصر بالمجال من 0 إلى length-1، إذ length هو عدد العناصر. أمَّا عدد مرات ...
الأحداث في jQuery
تُستخدَم التوابع الموجودة في هذا القسم لتسجيل سلوكيات محدَّدة تحدث عندما وقع حدث معين ناتج عن تفاعل المستخدم مع المتصفح. أضف إلى ذلك وجود توابع تساعد على التعديل والتلاعب بتلك السلوكيات المسجلة مسبقًا. .bind() يُرفِق هذا التّابع مُعالِج أحداث (Event handler) لحدثٍ ما للعناصر. .blur() يربط هذا التّابع مُعالِج أحداث (event handler) إلى حدث الضّبابيّة (blur) في JavaScript، أو يُطلِق هذا الحدث على عنصر ما. .change() يربط هذا التّابع مُعالِج الأحداث (event handler) لتغيير حدث JavaScript أو يُطلِق هذا الحدث ...
child" في jQuery" data-serp-pos="22"> محدد العناصر الأبناء "parent > child" في jQuery
محدد العناصر الأبناء الوصف يُستخدَم مُحدِّد العناصر الأبناء في تحديد كافّة العناصر الأبناء المباشرة والتي هي أبناء العناصر المُحدَّدة بأب (parent). jQuery( "parent > child" ) أضيفت في الإصدار: 1.0. parent أي مُحدِّد صحيح. child مُحدِّد لترشيح العناصر الأبناء. يُعدّ جمع الأبناء باستخدام Parent > Child شكلًا مُحدَّدًا أكثر من جمعها باستخدام Parent Child، إذ يختار هذا العناصر الأبناء المنحدرين من المستوى الأول فقط. أمثلة وضع حدود حول جميع عناصر القائمة الأبناء للعنصر <ul class="topnav"> : <!doctype html>
<html lang="en">
<head>
<meta ...
محدد الخاصيات ذات السابقة [name|="value"] في jQuery
محدد الخاصيات ذات السابقة [name|="value"] الوصف تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (-). jQuery( "[attribute|='value']" ) أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML، يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. أُضيف هذا المُحدِّد إلى مواصفات CSS للتعامل مع خاصيّات HTML في تلك اللغة. أمثلة إيجاد كافّة الرّوابط التي تمتلك الخاصيّة hreflang ذات اللغة الإنجليزيّة، ...
محدد الخاصيات التي فيها كلمة [name~="value"] في jQuery
محدد الخاصيات التي فيها كلمة [name~="value"] الوصف تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على الكلمة المُعطاة محدودةً بينها بمسافات فارغة. jQuery( "[attribute~='value']" ) أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. يُطابِق هذا المُحدِّد السلسلة النصيّة المُختَبَرَة مع كل كلمة من قيمة خاصيّة HTML، حيث تُعرَّف الكلمة كسلسلة نصيّة مفصولة بينها بمسافات فارغة. يُطابِق المُحدِّد إن كانت السلسلة ...
محدد الخاصيات التي تبدأ بـ [name^="value"] في jQuery
محدد الخاصيات التي تبدأ بـ [name^="value"] الوصف تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تبدأ بالضّبط بالسلسلة النصيّة المُعطاة. jQuery( "[attribute^='value']" ) أضيفت في الإصدار: 1.0. attribute اسم خاصيّة HTML. value قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. يُفيد هذا المُحدِّد في تحديد العناصر في صفحات مُنتَجَة من قبل أُطُر عمل من جهة الخادم (server-side frameworks) والتي تُنتِج HTML مع وضع مُعرِّفات مُمنهجة للعناصر، ولكن على الرغم من ...
الدالة ()selector_nest في Sass
تعيد الدالة selector_nest() محدِّدًا جديدًا مع تشعيب جميع المحدِّدات الموجودة في المعامل $selectors في بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط بالشكل $selector1 {$selector2 {...}}. تسمح الدالة selector_nest()، على عكس معظم دوال المحدِّدات، باستخدام المُحدّد الأب & في أي مُحدِّد ممرَّر باستثناء المحدِّد الأول. البنية العامة selector_nest($selectors...)
المعاملات $selectors المحدِّدات المراد تشعيبها، ويجب أن يُمرّر محدَّد واحد على الأقل. يمكن أن يكون كل واحد منهم عبارة عن سلسلة نصيّة، أو قائمة من سلاسل نصية، أو قائمة من قوائم ...
التابع Struct.values_at في روبي
يُعيد التابع values_at قيم أعضاء البنية المقابلة لكل معامل مُمرَّر إليه على هيئة مصفوفة. البنية العامة values_at(selector, ...) → array
المعاملات selector قد يكون هذا المعامل إما موضعًا (عدد صحيح)، أو مجالًا من المواضع (كما في Array.values_at). القيمة المعادة تعاد قيم أعضاء البنية المقابلة لكل معامل selector معطى على هيئة مصفوفة. أمثلة مثال على استخدام التابع values_at: Customer = Struct.new(:name, :address, :zip)
joe = Customer.new("Joe Smith", "123 Maple, Anytown NC", 12345)
joe.values_at(0, 2) #=> ["Joe Smith", 12345]
انظر أيضًا التابع values: ...
ملحقات 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: ...
الدالة abs() في Sass
تعيد الدالة abs() القيمة المطلقة لعددٍ مُمرِّرٍ إليها. البنية العامة abs($number)
المعاملات $number العدد المراد إعادة القيمة المطلقة له. القيم المعادة يُعاد عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل $number المُمرَّر إلى الدالة. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إذا لم يكن المعامل $number عددًا. أمثلة مثال عن استخدام الدالة abs() لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px: .selector {
padding: abs(-20px); // 20px
margin: abs(20px); // 20px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector ...
محددات الأنواع
مُحدِّد النوع (type selector) في CSS يُطابِق العناصر وفق اسم العقدة، أي أنه يُحدِّد جميع العناصر التي لها نوع معيّن في المستند. /* تحديد جميع الروابط في الصفحة */
a {
color: purple;
}
الشكل العام لهذا المحدد: element { style properties }
أمثلة يمكننا أن نلاحظ في المثال التالي أنَّ جميع عناصر <span> في المستند ستكون بلونٍ أزرق (skyblue): span {
background-color: skyblue;
}
شيفرة HTML: <span>Here's a span with some text.</span>
<p>Here's a p with some text.</p>
<span>Here's a span with more text.</span>
...
المحدد العام
المُحدِّد العام (universal selector) في CSS يطابق جميع العناصر: * {
color: green;
}
الشكل العام لهذا المحدد: * { style properties }
لاحظ أنَّ رمز النجمة * اختياريٌ مع المُحدِّدات البسيطة، مثلًا المُحدَّدان *.warning و .warning متماثلان. أمثلة لاحظ أثر استخدام المُحدِّد العام في المثال الآتي، خصوصًا مع مُحدِّد العناصر الأخوة المتجاورة (adjacent siblings): * [lang^=en] {
color: green;
}
*.warning {
color: red;
}
*#maincontent {
border: 1px solid blue;
}
.floating {
float: left
}
.floating + * {
clear: left;
}
شيفرة HTML: ...
التابع Array.values_at في روبي
يجلب التابع values_at عنصرًا واحدًا أو أكثر ذا فهرس محدد من مصفوفة. البنية العامة values_at(selector, ...) → new_ary
المعاملات selector عدد صحيح يمثل فهرس العنصر المراد جلبه من المصفوفة المعطاة. … أعداد صحيحة تمثل فهارس العناصر المراد جلبها من المصفوفة المعطاة. القيم المعادة تعاد مصفوفة جديدة تحوي عنصرًا واحدًا أو أكثر ذي الفهرس selector من المصفوفة المعطاة. إن كان الوسيط selector مجالًا، فستُجلَب العناصر التي تقع فهارسها ضمن ذلك المجال وتوضع في المصفوفة المعادة. إن وقع فهرس عنصر خارج مجال ...
jQuery/Topics a-z
.add() إنشاء كائن jQuery جديد من العناصر المضافة إلى مجموعة من العناصر المطابقة. .addBack() يُضيف هذا التّابع مجموعة العناصر الموجودة سابقًا في المَكْدَس (stack) إلى المجموعة الحاليّة، مع إمكانيّة ترشيحها بشكل اختياري عن طريق مُحدِّد (selector). .addClass() يُضيف هذا التّابع الصّنف أو الأصناف المُحدَّدة لكل عنصر من مجموعة العناصر المُطابقة. .after() يُدخِل هذا التّابع المحتوى المُحدَّد عن طريق المُعامِل بعد كل عنصر من مجموعة العناصر المُطابقة. .ajaxComplete() يُسجِّل هذا التّابع مُعالِج الأحداث (Event handler) لاستدعائه عند اكتمال طلبات Ajax. .ajaxError() ...
المحدد :nth-last-of-type() في jQuery
المحدد ():nth-last-of-type الوصف يختار هذا المحدِّد عناصر ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته وذلك بدءًا من نهاية المجموعة وحتى بدايتها. jQuery( ":nth-last-of-type(index/even/odd/equation)" ) أُضيف مع الإصدار: 1.9. index فهرس العنصر الابن المراد مطابقته، ويبدأ العد من القيمة 1 بدءًا من نهاية المجموعة (أي فهرس آخر عنصر في المجموعة هو 1). ويمكن استعمال الكلمة المحجوزة even التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها فرديًا، أو الكلمة المحجوزة odd ...
المحدد :nth-last-child() في jQuery
المحدد ():nth-last-child الوصف يختار هذا المحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) وذلك بدءًا من نهاية المجموعة وحتى بدايتها. jQuery( ":nth-last-child(index/even/odd/equation)" ) أُضيف مع الإصدار: 1.9. index فهرس العنصر الابن المراد مطابقته، ويبدأ العد من القيمة 1 بدءًا من نهاية المجموعة (أي فهرس آخر عنصر في المجموعة هو 1). ويمكن استعمال الكلمة المحجوزة even التي تُمثِّل العناصر التي يكون ترتيبها بين إخوتها فرديًا، أو الكلمة المحجوزة odd التي تُمثِّل العناصر التي يكون ...
الدالة ()selector_parse في Sass
تحلِّل الدالة selector_parse() محدّدًا عرّفه المُستخدم (user-provided) إلى قائمة من قوائم من سلاسل نصيَّة كما تُعاد باستعمال الرمز &. البنية العامة selector_parse($selector)
المعاملات $selector المحدِّد الذي سيُحلّل. يمكن أن يكون عبارة عن سلسلة نصيَّة، أو قائمة من سلاسل نصيَّة، أو قائمة من قوائم من سلاسل نصيَّة كما تُعاد باستعمال الرمز &. القيم المعادة تُعاد قائمة من قوائم من سلاسل نصيَّة التي تمثل المحدِّد $selector، ويكون تنسيقها بنفس تنسيق المحدّد المُعاد باستعمال الرمز &. أمثلة مثال نموذجي عن استخدام الدالة selector_parse(): selector_parse(".foo ...
الدالة CharSequence.maxBy() في Kotlin
تجلب الدالة maxBy() المحرف من السلسلة التي استُدعيت معها والذي أعيدت معه أكبر قيمة عند تطبيق دالة معيَّنة عليه. البنية العامة inline fun <R : Comparable<R>> CharSequence.maxBy(
selector: (Char) -> R
): Char?
وجود الكلمة المفتاحية inline يدل على أن هذه الدالة مباشرة (للمزيد من التفاصيل، راجع صفحة الدوال المباشرة (inline functions)). المعاملات selector دالةٌ تطبَّق على كل محرف من محارف السلسلة المعطاة. يمرر إليها المحرف، وتعيد قيمة مقابلة له. القيم المعادة يعاد المحرف من السلسلة المعطاة والذي أعطى أكبر قيمة عند تطبيق الدالة selector عليه، أو ...
الدالة CharSequence.minBy() في Kotlin
تجلب الدالة minBy() المحرف من السلسلة التي استُدعيت معها والذي أعيدت معه أصغر قيمة عند تطبيق دالة معيَّنة عليه. البنية العامة inline fun <R : Comparable<R>> CharSequence.minBy(
selector: (Char) -> R
): Char?
وجود الكلمة المفتاحية inline يدل على أن هذه الدالة مباشرة (للمزيد من التفاصيل، راجع صفحة الدوال المباشرة (inline functions)). المعاملات selector دالةٌ تطبَّق على كل محرف من محارف السلسلة المعطاة. يمرر إليها المحرف، وتعيد قيمة مقابلة له. القيم المعادة يعاد المحرف من السلسلة المعطاة والذي أعطى أصغر قيمة عند تطبيق الدالة selector عليه، أو ...
الدالة ()content_exists في Sass
تتحقَّق الدالة content_exists() ما إذا مُرِّرت كتلةٌ من المحتوى إلى المخلوط (mixin). إن لم تُستدعَ الدالة content_exists() مباشرةً من مخلوطٍ ما، فسيُطلَق خطأ. لاحظ أنَّ هذه الدالة أضيفت في الإصدار 3.5 من Sass، ولن تعمل على الإصدارات القديمة من مفسّر اللغة. البنية العامة content_exists()
القيم المعادة تُعاد القيمة المنطقيَّة TRUE إذا مُرِّرت كتلة من المحتوى إلى المخلوط. خلا ذلك، تُعاد القيمة FALSE. أمثلة مثال عن استخدام الدالة content_exists() لمعرفة إذا مُرَّرت كتلة من المحتوى إلى المخلوط needs_content. لاحظ استخدام التعليمة @warn ...
الصنف :first-of-type
الصنف الزائف :first-of-type في CSS (أي pseudo-class) يُمثِّل أوّل عنصر من نوعه في مجموعة من العناصر الأخوة. p:first-of-type {
color: red;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :first-of-type
أمثلة لاحظ كيف ستُنسَّق أوّل فقرة <p> من بين العناصر الأخوة: <h2>الترويسة</h2>
<p>النص 1</p>
<p>النص 2</p>
شيفرة CSS: p:first-of-type {
color: red;
font-style: italic;
}
لاحظ كيف يمكن استخدام هذا المُحدِّد على العناصر المتشعبة، ...
محددات المُعرِّفات
مُحدِّد المُعرِّف (ID selector) في CSS يُطابِق العناصر وفق قيمة الخاصية ID التابعة لها. لاحظ أنَّه يجب أن يُطابِق هذه المُحدِّد قيمة الخاصية id تمامًا، كما في المُحدِّد الآتي الذي سيُحدِّد العنصر الذي له المُعرِّف demo: #demo {
border: red 2px solid;
}
ويمكن تحديد العنصر الذي يكون له قيمة معيّنة للخاصية id وله نوع معيّن، مثل تحديد عنصر <div> التي تكون قيمة الخاصية id فيه هي demo: div#demo {
border: red 2px solid;
}
لاحظ أنَّ معيار HTML5 يقول أنَّ قيمة ...
الصنف :root
الصنف الزائف :root في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <html> في مستندات HTML، وهو مكافئ للمُحدِّد html إلا أنَّ درجة التحديد له أعلى. :root {
background: yellow;
}
الشكل العام لهذا المحدد: :root
أمثلة يمكن الاستفادة من الصنف الزائف :root في تعريف متغيرات CSS العامة: :root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
دعم المتصفحات الميزة Chrome Firefox Internet Explorer Opera Safari الدعم الأساسي 1.0 1.0 9.0 9.5 1.0 مصادر ومواصفات مسودة ...
الصنف :last-child
الصنف الزائف :last-child في CSS (أي pseudo-class) يُمثِّل آخر عنصر في مجموعة من العناصر الأخوة (sibling elements). المُحدِّد الآتي سيُحدِّد آخر عنصر <p> من بين أخوته: p:last-child {
color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :last-child
أمثلة لاحظ كيف سيُحدَّد آخر عنصر <p> من بين العناصر الأخوة له: <div>
<p>هذا النص محدد</p>
<p>هذا النص غير محدد</p>
</div>
<div>
...
الدالة ()selector_replace في Sass
تبدِّل الدالة selector_replace() المعامل $replacement مكان نُسخ (instances) المعامل $original أينما وجدت في المحدِّد $selector المعطى. تعمل الدالة عبر استخدام القاعدة @extend واستبعاد المحدِّد الأصلي. هذا يعني أنّه يمكن استخدامها للأداء عمليات تبديل معقدة. البنية العامة selector_replace($selector, $original, $replacement)
المعاملات $selector المحدِّد الذي سيُبدَّل داخله المحدَّد $original مع المحدِّد $replacement. يمكن أن يكون عبارةً عن سلسلة نصيَّة أو قائمة من سلاسل نصيَّة أو قائمة من قوائم من سلاسل نصيَّة كما تُعاد باستعمال الرمز &. $original المحدِّد المراد استبداله. يمكن أن ...
الصنف :only-of-type
الصنف الزائف :only-of-type في CSS (أي pseudo-class) يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه. هذا المُحدِّد يُحدِّد جميع عناصر <p> التي لا يوجد لها أخوة من النوع <p>: p:only-of-type {
background-color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :only-of-type
أمثلة لاحظ كيف استخدمنا الصنف الزائف :only-of-type في المثال الآتي: <main>
<div>أنا `div` #1.</div>
...
الصنف :last-of-type
الصنف الزائف :last-of-type في CSS (أي pseudo-class) يُمثِّل آخر عنصر من نوعه في مجموعة من العناصر الأخوة. p:last-of-type {
color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :last-of-type
أمثلة لاحظ كيف ستُنسَّق آخر فقرة <p> من بين العناصر الأخوة: <h2>الترويسة</h2>
<p>النص 1</p>
<p>النص 2</p>
شيفرة CSS: p:last-of-type {
color: red;
font-style: italic;
}
لاحظ كيف يمكن استخدام هذا المُحدِّد على العناصر المتشعبة، ...
الصنف :first-child
الصنف الزائف :first-child في CSS (أي pseudo-class) يُمثِّل أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements). المُحدِّد الآتي سيُحدِّد أوّل عنصر <p> من بين أخوته: p:first-child {
color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :first-child
أمثلة لاحظ كيف سيُحدَّد أوّل عنصر <p> من بين العناصر الأخوة له: <div>
<p>هذا النص محدد</p>
<p>هذا النص غير محدد</p>
</div>
<div>
...
الدالة CharSequence.sumByDouble() في Kotlin
تجمع الدالة sumByDouble() جميع نواتج تطبيق دالة معيَّنة على كل محرف من محارف سلسلة المحارف التي استُدعيت معها. الفرق بين الدالة sumByDouble() والدالة sumBy() هو في نوع القيمة التي تستطيع الدالة الممرَّر إلى كلٍّ منهما إعادتها، إذ تعيد الدالة المُمرَّرة إلى sumBy() عددًّا صحيحًا (integer) بينما يمكن أن تعيد الدالة الممررة إلى sumByDouble() عددًا عشريًّا مضاعفًا (double). البنية العامة inline fun CharSequence.sumByDouble(
selector: (Char) -> Double
): Double
يُلاحَظ وجود الكلمة المفتاحية inline التي تدل على أنَّ هذه الدالة مباشرة (للمزيد من التفاصيل، ارجع إلى صفحة الدوال المباشرة (inline functions)). المعاملات selector الدالة التي ...
محددات الأصناف
مُحدِّد الصنف (class selector) في CSS يُطابِق العناصر وفق قيمة الخاصية class التابعة لها. لاحظ أنَّه يمكن استخدام هذا المُحدِّد لتحديد على جميع العناصر التي لها قيمة معيّنة للخاصية class، كما في المُحدِّد الآتي: .spacious {
margin: 2em;
}
أو لتحديد جميع العناصر التي لها قيمة معيّنة للخاصية class ولها نوع معيّن، مثل تحديد جميع عناصر <li> التي تكون قيمة الخاصية class فيها هي spacious: li.spacious {
margin: 2em;
}
الشكل العام لهذا المحدد: .class_name { style properties }
لاحظ أنَّ هذا المُحدِّد ...
الدالة CharSequence.sumBy() في Kotlin
تجمع الدالة sumBy() جميع نواتج تطبيق دالة معيَّنة على كل محرف من محارف سلسلة المحارف التي استُدعيت معها. الفرق بين الدالة sumBy() والدالة sumByDouble() هو في نوع القيمة التي تستطيع الدالة الممرَّر إلى كلٍّ منهما إعادتها، إذ تعيد الدالة المُمرَّرة إلى sumBy() عددًّا صحيحًا (integer) بينما يمكن أن تعيد الدالة الممرَّرة إلى sumByDouble() عددًا عشريًّا مضاعفًا (double). البنية العامة inline fun CharSequence.sumBy(selector: (Char) -> Int): Int
يُلاحَظ وجود الكلمة المفتاحية inline التي تدل على أنَّ هذه الدالة مباشرة (للمزيد من التفاصيل، ارجع إلى صفحة الدوال المباشرة (inline functions)). المعاملات selector الدالة التي يراد تطبيقها على كل ...
الدالة ()percentage في Sass
تحوّل الدالة percentage() عددًا دون وحدة إلى نسبة مئوية. البنية العامة percentage($number)
المعاملات $number عددٌ طبيعي دون وحدة. القيم المعادة تُعاد نسبة مئوية تمثِّل العدد $number. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن كان المعامل $number عددًا له وحدة. أمثلة مثال عن استخدام الدالة percentage() لضبط قيمة العرض (width): selector {
width: percentage(0.2) // 20%
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector {
width: 20%; }
انظر أيضًا الدالة round(): تقرِّب العدد الممرَّر إليها. الدالة abs(): تعيد القيمة المطلقة للعدد الممرَّر إليها. الدالة ...
الدالة ()call في Sass
تستدعي الدالة ()call دالة محدَّدة بشكل ديناميكي سواء كانت هذه الدالة مُعرّفة من قبل المستخدم، أو مُضمّنةً في لغة Sass، أو دالة CSS. ستمرِّر هذه الدالة كل الوسائط -بما فيها الوسائط المُسمّاة (keyword arguments)- إلى الدالة المراد استدعاؤها. البنية العامة call($function, $args...)
المعاملات $function الدالة التي ترغب في استدعائها. $args الوسائط التي ستُمرّر إلى الدالة $function. أمثلة يبيّن المثال الآتي استخدام الدالة call() لضبط قيمة اللون (color): .selector {
color: call(rgb, 10, 100, 255); // #0a64ff
}
سيُصرّف المثال السابق ...
الدالة ()ceil في Sass
تعيد الدالة ()ceil أقرب عدد صحيحٍ أكبر من العدد المٌمرّر إليها. البنية العامة ceil($number)
المعاملات $number العدد المراد تقريبه إلى أكبر عدد صحيح. القيم المعادة يُعاد أقرب عددٌ صحيحٌ أكبر من العدد $number. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إذا لم يكن المعامل $number عددًا. أمثلة مثال عن استخدام الدالة ceil() لضبط قيمة الحواشي (padding): .selector {
padding: ceil(10.4px); // 11px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:أكبر .selector {
padding: 11px; }
انظر أيضًا الدالة round(): تقرِّب العدد ...
الدالة sortBy() في Kotlin
ترتِّب الدالة sortBy() عناصر المصفوفة أو القائمة المتغيرة (MutableList) التي استُدعيت معها تصاعديًّا وفقًا للقيم التي تعيدها الدالة المُمرّرة إليها عند تطبيقها على كل عنصر. البنية العامة يمكن استدعاء الدالة sortBy() مع المصفوفات والقوائم المتغيرة: inline fun <T, R : Comparable<R>> Array<out T>.sortBy(
crossinline selector: (T) -> R?)
inline fun <T, R : Comparable<R>> MutableList<T>.sortBy(
crossinline selector: (T) -> R?)
وجود الكلمة المفتاحية inline يدل على أنَّ هذه الدالة مباشرة (للمزيد من التفاصيل، راجع صفحة الدوال المباشرة (inline functions)). المعاملات ...
الدالة sortByDescending() في Kotlin
ترتِّب الدالة sortByDescending() عناصر المصفوفة أو القائمة المتغيرة (MutableList) التي استُدعيت معها تنازليًّا وفقًا للقيم التي تعيدها الدالة المُمرّرة إليها عند تطبيقها على كل عنصر. البنية العامة يمكن استدعاء الدالة sortByDescending() مع المصفوفات والقوائم المتغيرة: inline fun <T, R : Comparable<R>> Array<out T>.sortBy(
crossinline selector: (T) -> R?
inline fun <T, R : Comparable<R>> MutableList<T>.sortBy(
crossinline selector: (T) -> R?)
وجود الكلمة المفتاحية inline يدل على أنَّ هذه الدالة مباشرة (للمزيد من التفاصيل، راجع صفحة الدوال المباشرة (inline functions)). المعاملات ...
Document.querySelector()
يُعيد التّابع Document.querySelector() أول كائنٍ من النّوع Element الذي يُمثّل العنصر المُوافِق للمُحدِّد أو المحدّدات المعطاة. ويُعيد القيمة null في حالة لم يجِد أيّ عنصر. مُلاحظة: يتمّ البحث باستعمال المرور على العمق أولًا قبل التّرتيب (depth-first pre-order traversal) حول عقد المستند بدايةً من أول عنصر في هيكل المستند ويُكرّر (iterating) حول العقد في القائمة مرتّبةً حسب عدد العقد الأبناء. البنية العامة element = document.querySelector(selectors);
selectors سلسلة نصيّة من النّوع DOMString تحتوي على مُحدّد واحدٍ أو أكثر لمُوافقته مع عناصر المستند ...
الدالة ()grayscale في Sass
تحوِّل الدالة ()grayscale اللون إلى تدرج الرمادي، وتكافئ استدعاء الدالة desaturate(color, 100%). البنية العامة grayscale($color)
المعاملات $color القيمة اللونيَّة المراد تحويلها إلى تدرج الرمادي. القيم المعادة يُعاد اللون $color المُعدّل الذي يكون بتدرج الرمادي. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن المعامل $color لونًا. أمثلة مثال عن تحويل اللون الأخضر (green) إلى تدرج الرمادي باستخدام الدالة grayscale(): .selector {
color: grayscale(green); // #404040
}
ستُصرَّف الشيفرة السابقة إلى شيفرة CSS الآتية: .selector {
color: #404040; }
انظر أيضًا الدالة desaturate(): ...
محددات العناصر الأخوة
مُحدِّد العناصر الأخوة العامة (general sibling combinator) في CSS رمزه ~ ويفصل بين مُحدِّدين، ويطُابِق العنصر الثاني إذا أتى بعد العنصر الأول (وليس بالضرورة أن يأتي بعده مباشرةً)، وكان كلا العنصرين ابنًا لعنصر أب مشترك. المُحدِّد الآتي سيُطابِق الفقرات <p> التي تأتي بعد الصور <img> ولها الأب نفسه: img ~ p {
color: red;
}
الشكل العام لهذا المحدد: former_element ~ target_element { style properties }
أمثلة لاحظ كيف حددنا عناصر <span> التي تأتي بعد الفقرات <p>، حتى تلك التي لا ...
الصنف :only-child
الصنف الزائف :only-child في CSS (أي pseudo-class) يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings)، وهذا المُحدِّد يماثل :first-child:last-child أو :nth-child(1):nth-last-child(1) لكن درجة التحديد له أقل. هذا المُحدِّد يُحدِّد جميع عناصر <p> التي لا يوجد لها أخوة: p:only-child {
background-color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد: :only-child
أمثلة لاحظ كيف استخدمنا الصنف الزائف :only-child في المثال الآتي: <main>
...
محددات العناصر الأخوة المتجاورة
مُحدِّد العناصر الأخوة المتجاورة (adjacent sibling combinator) في CSS رمزه + ويفصل بين مُحدِّدين، ويطُابِق العنصر الثاني إذا أتى مباشرةً بعد العنصر الأول وكان كلا العنصرين ابنًا لعنصر أب مشترك. المُحدِّد الآتي سيُطابِق الفقرات <p> التي تأتي مباشرةً بعد الصور <img>: img + p {
font-style: bold;
}
الشكل العام لهذا المحدد: former_element + target_element { style properties }
أمثلة لاحظ أثر استخدام الفئة الزائفة (pseudo-class) :first-of-type لتحديد أوّل عنصر <li> في الصفحة، وكيف أدى مُحدِّد العناصر الأخوة + إلى تحديد ...
الدالة ()floor في Sass
تعيد الدالة floor() العدد الصحيح الأقرب والأصغر من العدد الممرَّر إليها. البنية العامة floor($number)
المعاملات $number العدد المراد تقريبه إلى أصغر عدد صحيح. القيم المعادة يُعاد العدد الصحيح الأصغر والأقرب للعدد $number. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن المعامل $number عددًا. أمثلة مثال عن استخدام الدالة floor() لضبط قيمة العرض (width): .selector {
width: floor(10.6px) // 10px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector {
width: 10px; }
انظر أيضًا الدالة round(): تقرِّب العدد الممرَّر إليها. الدالة ()ceil: تعيد أقرب عدد ...
الدالة ()round في Sass
تقرِّب الدالة round() العدد الممرَّر إليها إلى أقرب عدد صحيح. البنية العامة round($number)
المعاملات $number العدد المراد تقريبه. القيم المعادة يُعاد العدد الصحيح الأقرب للعدد $number. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن $number عددًا. أمثلة مثال عن استخدام الدالة round() لضبط قيمة العرض (width): .selector {
width: round(10.4px); // 10px
height: round(10.6px); // 11px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector {
width: 10px;
height: 11px; }
انظر أيضًا الدالة floor(): تعيد أقرب عدد صحيح أصغر من العدد ...
الدالة ()max في Sass
تعيد الدالة max() القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها. تقبل هذه الدالة عددًا غير محدَّد من المعاملات. البنية العامة max($numbers...)
المعاملات $numbers مجموعة من الأعداد المراد معرفة القيمة الكبرى لها. القيم المعادة يُعاد العدد الأكبر من بين الأعداد $numbers الممرَّرة. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن أيٌّ قيمة من قيم المعاملات $numbers عددًا، أو كان لتلك القيم واحدات غير متماثلة. أمثلة مثال عن استخدام الدالة max() لضبط قيمة العرض (width): .selector {
width: max(10px, 40px) // 40px
}
سيُصرّف ...
الدالة ()complement في Sass
تعيد الدالة ()complement مكمّل اللون (complement of a color) الممرَّر إليها، وتكافئ استدعاء الدالة adjust_hue(color, 180deg). البنية العامة complement($color)
المعاملات $color القيمة اللونيَّة المراد الحصول على القيمة المكملة لها. القيم المعادة تُعاد القيمة اللونيَّة المكملة للون $color. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن $color لونًا. أمثلة المثال الآتي سيضبط لون العنصر (color) إلى اللون البنفسجي (purple)، الذي هو مُكمِّل اللون الأخضر، وذلك بتمرير القيمة green إلى الدالة complement(): .selector {
color: complement(green); // purple
}
ستصرّف الشيفرة السابقة إلى شيفرة ...
الدالة ()append في Sass
تُضيف الدالة append() قيمة محدَّدة إلى قائمةٍ ما. ما لم يُمرَّر المعامل $separator، فستستعمل المسافة البيضاء لفصل عناصر القائمة التي ستُعيدها الدالة إن كانت القائمة أحاديةً. تعيد الدالة ()append، مثل بقيَّة دوال القوائم، قائمة جديدةً بدلًا من تغييرها موضعيًا. البنية العامة append($list, $val, $separator: auto)
المعاملات $list القائمة التي ستُجرى عليها العمليَّة. val$ القيمة التي ستُضاف إلى القائمة. $separator الفاصلة المُستخدمة لفصل عناصر القائمة. إن كانت فاصلةً أو مسافةً، فستُستخدم تلك القيمة الممرّرة. أما إن كانت قيمتها auto (القيمة الافتراضيَّة)، ...
الدالة ()min في Sass
تعيد الدالة min() القيمة الأصغر من بين مجموعة من الأعداد الممرَّرة إليها. تقبل هذه الدالة عددًا غير محدَّد من المعاملات. البنية العامة min($numbers...)
المعاملات $numbers مجموعة من الأعداد المراد معرفة القيمة الصغرى لها. القيم المعادة يُعاد العدد الأصغر من بين الأعداد $numbers الممرَّرة الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن أيٌّ قيمة من قيم المعاملات $numbers عددًا، أو كان لتلك القيم واحدات غير متماثلة. أمثلة مثال عن استخدام الدالة min() لضبط قيمة العرض (width): .selector {
width: min(10px, 40px) // ...
الدالة ()hue في Sass
تُعيدُ الدالة ()hue قيمة مُكوّن الصبغة للون الممرَّر إليها. البنية العامة hue($color)
المعاملات $color القيمة اللونية التي نريد الحصول على مكوِّن الصبغة الخاص بها. القيم المعادة تُعاد قيمة الصبغة للون $color، وتكون بين 0 و 360 درجة (deg). الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن المعامل $color لونًا. أمثلة تسمح الدالة adjust_hue() بتغيير قيمة الصبغة لكن نسبةً إلى قيمة الصبغة الحالية، أي لو كان لدينا اللون الأصفر yellow وأدرنا دائرة الصبغة بمقدار 180 درجة، فسنحصل على اللون الأزرق blue: .selector ...
التابع jQuery.noConflict() في jQuery
jQuery.noConflict( [removeAll ] ) القيم المعادة يعيد كائنًا من النوع Object. الوصف يجبر هذا التابع jQuery على التنازل عن التحكم بالمتغيِّر $. jQuery.noConflict( [removeAll ] ) أُضيف مع الإصدار: 1.0. removeAll قيمةٌ منطقيَّةٌ تحدِّد إن كان يراد إزالة جميع متغيرات jQuery من النطاق العام (global scope) بما فيها jQuery نفسها. تستعمل أغلب مكتبات JavaScript المعامل $ بوصفه دالةً أو اسم متغيِّر مثلما تفعل jQuery تمامًا. ففي حالة مكتبة jQuery، يُعدُّ $ اسمًا بديلًا للعبارة jQuery، لذا تكون جميع الوظائف متاحة ...
التابع jQuery.noConflict() في jQuery
jQuery.noConflict( [removeAll ] ) القيم المعادة يعيد كائنًا من النوع Object. الوصف يجبر هذا التابع jQuery على التنازل عن التحكم بالمتغيِّر $. jQuery.noConflict( [removeAll ] ) أُضيف مع الإصدار: 1.0. removeAll قيمةٌ منطقيَّةٌ تحدِّد إن كان يراد إزالة جميع متغيرات jQuery من النطاق العام (global scope) بما فيها jQuery نفسها. تستعمل أغلب مكتبات JavaScript المعامل $ بوصفه دالةً أو اسم متغيِّر مثلما تفعل jQuery تمامًا. ففي حالة مكتبة jQuery، يُعدُّ $ اسمًا بديلًا للعبارة jQuery، لذا تكون جميع الوظائف متاحة ...
الصنف :focus
الصنف الزائف :focus في CSS (أي pseudo-class) يُمثِّل عنصرًا (مثل عناصر النماذج) الذي استقبل التركيز (foucs)، ويُفعَّل التركيز إذا ضغط المستخدم أو لمس أحد العناصر أو وصل إليه عبر مفتاح tab على لوحة المفاتيح. input:focus {
color: red;
}
ملاحظة: هذا الصنف الزائف سيُحدِّد العنصر الذي استقبل التركيز فقط، استعمل الصنف الزائف :focus-within لتحديد العنصر الذي يحتوي على العنصر الذي استقبل التركيز. الشكل العام لهذا المحدد: :focus
أمثلة لاحظ كيف سيتغير تنسيق العنصر <input> عندما يستقبل التركيز: <input class="red-input" value="سأكون احمر ...
الدالة ()if في Sass
تعيد الدالة ()if إحدى القيمتين الممرَّرتين إليها اعتمادًا على تحقُّق شرط معين. تشبه تمامًا التعليمة @if، إذ تُعدّ جميع القيم صحيحةً باستثناء القيمة false والقيمة null. البنية العامة if($condition, $if-true, $if-false)
المعاملات $condition الشرط المراد التحقق من صحته. $if-true القيمة التي ستُعاد إن كان الشرط $condition محقَّقًا. $if-false القيمة التي ستُعاد إن لم يكن الشرط $condition محقَّقًا. القيم المعادة تُعاد القيمة $if-true أو القيمة $if-false بناءً على تحقق الشرط $condition. أمثلة مثال عن استخدام الدالة if() لإضافة إطار border للعنصر ...
الدالة ()unquote في Sass
تزيل الدالة unquote() علامات الاقتباس من السلسلة النصيَّة الممرَّرة إليها. إن كانت تلك السلسلة غير مُقتبسة، فستُعيدها الدالة دون تغيير. البنية العامة unquote($string)
المعاملات $string سلسلة نصّيَّة مقتبسة. القيم المعادة تُعاد السلسلة النصيَّة $string بعد إزالة علامات الاقتباس منها. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن لم يكن المعامل $string سلسةً نصّيةً. مثال مثال عن استخدام الدالة unquote() لضبط قيمة اللون (color): .selector {
color: unquote("red") // red
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector {
color: red; }
انظر أيضًا الدالة quote(): ...
الصنف :empty
الصنف الزائف :empty في CSS (أي pseudo-class) يُمثِّل أي عنصر ليس له أبناء، والأبناء يمكن أن تكون عقد عناصر (element nodes) أو عقدًا نصيةً (text nodes) بما في ذلك الفراغات. لن تؤثر التعليقات على اعتبار العنصر فارغًا أم لا. div:empty {
background: lime;
}
الشكل العام لهذا المحدد: :empty
أمثلة لدينا في المثال الآتي ثلاثة عناصر <div>، أولها يحتوي تعليقًا فقط، والثاني يحتوي على عقدة نصية، والثالث يحتوي على تعليق لكن هنالك فراغات قبله: <div class="box"><!-- سأكون ليموني اللون --></div>
<div ...
الخاصية .jquery في jQuery
الخاصية .jquery القيم المعادة تعيد سلسلة نصية من النوع String. الوصف يُسند إلى هذه الخاصِّية سلسلة نصية تحتوي على رقم إصدار jQuery. jquery أُضيف مع الإصدار: 1.0. الخاصِّيَّة .jquery هي سلسلة نصية تحتوي على رقم إصدار jQuery مثل "1.5.0" أو "1.4.4"، وتُسند إلى نموذج jQuery الأولي، ويشار إليها عادةً عبر الاسم البديل $.fn. أمثلة تحديد إن كان كائنٌ ما هو كائن jQuery: $(function() {
// أصبحت الصفحة جاهزة
});
استعمال اختصار للشكل $(document).ready() ووسيط لكتابة شيفرة الفشل الآمن (failsafe) في jQuery ...
التابع jQuery.sub() في jQuery
jQuery.sub( ) أهمل مع الإصدار: 1.7. حذف مع الإصدار: 1.9. القيم المعادة يعيد كائنًا من النوع jQuery. الوصف ينشئ هذا التابع نسخةً جديدةً من jQuery للتمكن من تعديل خاصِّيَّاتها وتوابعها دون المساس بالمكتبة الأصليَّة. jQuery.sub( ) أُضيفت مع الإصدار: 1.5. لا يقبل هذا التابع أية وسائط. أهمل هذا التابع بدءًا من الإصدار jQuery 1.7 وسيُنقل إلى إضافةٍ في الإصدار jQuery 1.8. هنالك حالتان خاصَّتان أنشئ التابع jQuery.sub() من أجلهما. الحالة الأولى هي من أجل توفير طريقة للتحكم بتوابع jQuery دون ...
التابع jQuery.sub() في jQuery
jQuery.sub( ) أهمل مع الإصدار: 1.7. حذف مع الإصدار: 1.9. القيم المعادة يعيد كائنًا من النوع jQuery. الوصف ينشئ هذا التابع نسخةً جديدةً من jQuery للتمكن من تعديل خاصِّيَّاتها وتوابعها دون المساس بالمكتبة الأصليَّة. jQuery.sub( ) أُضيفت مع الإصدار: 1.5. لا يقبل هذا التابع أية وسائط. أهمل هذا التابع بدءًا من الإصدار jQuery 1.7 وسيُنقل إلى إضافةٍ في الإصدار jQuery 1.8. هنالك حالتان خاصَّتان أنشئ التابع jQuery.sub() من أجلهما. الحالة الأولى هي من أجل توفير طريقة للتحكم بتوابع jQuery دون ...
الصنف :enabled
الصنف الزائف :enabled في CSS (أي pseudo-class) يُمثِّل أي عنصر مُفعّل، أي يمكن اختياره أو النقر عليه أو الكتابة فيه أو يمكن التركيز عليه (focus): input:enabled {
color: blue;
}
الشكل العام لهذا المحدد: :enabled
أمثلة سنجعل عناصر <input> المُفعّلة بلونٍ أخضر، وبلونٍ فضي عندما تكون معطلةً، وذلك كي يتمكن المستخدم من التفريق بصريًا بين العناصر التي يستطيع التفاعل معها وتلك التي لا يستطيع التفريق بينها: <form action="url_of_form">
<label for="FirstField">الحقل الأول (enabled):</label>
<input type="text" id="FirstField" value="Lorem"><br>
<label for="SecondField">الحقل ...
الدالة ()hsl في Sass
تُنشئ الدالة hsl() لونًا جديدًا انطلاقًا من قيم الصبغة (hue) والتشبُّع (saturation) والسطوع (lightness). تستخدم هذه الدالة خوارزمية من مواصفات CSS. البنية العامة hsl($hue, $saturation, $lightness)
المعاملات $hue قيمة صبغة اللون. يجب أن تكون بين 0 و 360 درجة. $saturation قيمة تشبُّع اللون. يجب أن تترواح بين 0% و 100%. $lightness قيمة سطوع اللون. يجب أن تكون بين 0% و 100%. القيم المعادة تُعاد قيمة اللون الناتج. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخطأ أو كانت ...
محددات العناصر الأبناء
مُحدِّد العناصر الأبناء (child combinator) في CSS رمزه > ويفصل بين مُحدِّدين، ويطُابِق العنصر الثاني إذا كان ابنًا للعنصر الأول. المُحدِّد الآتي سيُطابِق عنصر <li> التي تكون أبناءً للقائمة <ul> ذات الصنف my-things: ul.my-things > li {
margin: 2em;
}
يجب أن تكون العناصر المُطابَقة من المُحدِّد الثاني هي أبناء مباشرة للعناصر المُطابَقة من المُحدَّد الأوّل. وهنالك مُحدِّد آخر هو مُحدِّد العناصر السليلة الذي يُطابِق جميع العناصر التي تكون أبناءً مباشرةً أو غير مباشرةً للعناصر المُطابَقة من العنصر الأول. الشكل العام ...
التابع $.ajaxPrefilter() في jQuery
jQuery.ajaxPrefilter( [dataTypes ], handler ) القيم المعادة يعيد قيمةً غير مُعرَّفة (undefined). الوصف يعالج هذا التابع إعدادات Ajax المخصَّصة أو يعدِّل إعدادات موجودة قبل أن يرسل كل طلب وقبل أن يعالج باستعمال الدالة $.ajax(). jQuery.ajaxPrefilter( [dataTypes ], handler ) أُضيف مع الإصدار: 1.5. dataTypes سلسلة نصية اختياريَّة تحتوي على نوع بيانات (dataType) واحد أو عدَّة أنواع مفصولة بفراغ. handler دالة من الشكل Function( Object options, Object originalOptions, jqXHR jqXHR ) وتستعمل لتعيين قيم افتراضيَّة لطلبات Ajax المستقبليَّة. تبدو عملية الترشيح ...
الخاصية event.stopPropagation() في jQuery
event.stopPropagation() القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف تمنع هذه الخاصية الحدث من الانتقال عبر شجرة DOM إلى العناصر الأب (event bubbling)، مما يمنع إبلاغ أي من المعالجات الأب عن الحدث. event.stopPropagation() أُضيف مع الإصدار: 1.0. لا تقبل هذه الخاصية أي وسائط. تستخدم الخاصية event.isPropagationStopped() للحقق من استدعاء هذا التابع (على كائن الحدث هذا). تعمل هذه الخاصية مع الأحداث المخصصة المُطلَقة بواسطة التابع trigger() أيضًا. لاحظ أن هذه الخاصية لن تمنع المعالجات الأخرى من العمل على نفس العنصر. ملاحظات ...
الخاصية event.result في jQuery
event.result القيمة المعادة تُعيد كائنًا من النوع Object. الوصف تعيد هذه الخاصية القيمة الأخيرة المُعادة بواسطة معالج الأحداث الذي أطلقه هذا الحدث، ما لم تكن هذه القيمة غير معرفة undefined. event.result أُضيف مع الإصدار: 1.3. يمكن أن تكون هذه الخاصية مفيدة للحصول على القيم المُعادة السابقة للأحداث المخصصة. أمثلة عرض قيمة معالج الحدث المُعادة السابقة: <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.result مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>عرض event.result</button>
<p></p>
<script>
$( "button" ).click(function( event ) {
return "مرحبًا";
});
$( ...
الدالة jQuery.getJSON() في jQuery
jQuery.getJSON( url [, data ] [, success ] ) القيم المعادة تعيد كائنًا من النوع jqXHR. الوصف تجلب هذه الدالة بياناتٍ مرمَّزة بصيغة JSON من الخادم باستعمال طلب HTTP عبر الطريقة GET. jQuery.get( url [, data ] [, success ] ) أُضيفت مع الإصدار: 1.0. url سلسلة نصية تحتوي على الرابط URL الذي سيُرسَل الطلب إليه. data كائنٌ مجرَّد أو سلسلة نصية تُرسَل إلى الخادم مع الطلب. success دالةٌ من الشكل Function( Object data, String textStatus, jqXHR jqXHR ) يراد ...
التابع deferred.done() في jQuery
deferred.done( doneCallbacks [, doneCallbacks ] ) القيمة المعادة تُعيد كائنًا من النوع Deferred. الوصف يُضيف هذا التابع مُعالجات تستدعى عند قبول الكائن المؤجل Deferred. deferred.done( doneCallbacks [, doneCallbacks ] ) أُضيف مع الإصدار: 1.5. doneCallbacks هو دالة، أو مصفوفة دوال، تُستدعى عند قبول الكائن المؤجل Deferred، وهو دالة Function(). doneCallbacks هو دالة اختيارية إضافية، أو مصفوفة دوال، تُستدعى عند قبول الكائن المؤجل Deferred، وهو دالة Function(). يقبل التابع deferred.done() وسيطًا واحدًا أو أكثر، وكلها يمكن أن تكون إما دالة مفردة ...
التابع .eq() في jQuery
.eq( index ) القيمة المعادة يُعيد كائنًا من النوع jQuery. الوصف تقليص مجموعة العناصر المتطابقة إلى تلك الموجودة في الفهرس المُحدَد. .eq( index ) أُضيف مع الإصدار: 1.1.2. index عدد صحيح يشير إلى الموضع الصفري للعنصر، وهو من النوع Number. .eq( indexFromEnd ) أُضيف مع الإصدار: 1.4. indexFromEnd عدد صحيح يشير إلى موضع العنصر، مع العد تنازليا من العنصر الأخير في المجموعة، وهو من النوع Number. إذا كان لدينا كائن jQuery يمثل مجموعة من عناصر DOM، فسينشئ التابع .eq() كائن jQuery ...
التابع .last() في jQuery
.last() القيم المعادة يعيد كائنًا من النوع jQuery. الوصف يزيل هذا التابع جميع العناصر المتطابقة من المجموعة باستثناء العنصر الأخير. .last() أُضيف مع الإصدار: 1.4. لا يقبل هذا التابع أي معاملات. إن أعطي للتابع .last() كائن jQuery يمثل مجموعةً من عناصر DOM، فسيبني كائن jQuery جديد من العنصر الأخير في تلك المجموعة. افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل: <ul>
<li>عنصر القائمة الأول</li>
<li>عنصر القائمة الثاني</li>
<li>عنصر القائمة الثالث</li>
<li>عنصر القائمة الرابع</li>
<li>عنصر ...
التعامل مع CSS في jQuery
تعمل التوابع الموجودة في هذا القسم على جلب وضبط قيم خاصيات CSS لعنصر محدَّد (أو مجموعة عناصر محدَّدة). .height() يجلب هذا التابع الطول الحالي لأول عنصر في مجموعة العناصر المتطابقة أو يغير الطول لكل العناصر المتطابقة. .innerHeight() يعيد هذا التابع قيمة الطول الحالي (تتضمن قيمة الحواشي فقط دون الإطار) لأول عنصر في مجموعة العناصر المطابقة أو يغير الطول الداخلي لكل العناصر المطابقة. .innerWidth() يعيد هذا التابع قيمة العرض الحالي (تدخل قيمة الحواشي ضمنها فقط) لأول عنصر من مجموعة العناصر المطابقة ...
التابع jQuery.contains() في jQuery
jQuery.contains( container, contained ) القيم المعادة يعيد قيمة منطقيَّة (Boolean). الوصف يتحقَّق هذا التابع إن كان عنصر DOM معيَّن هو عنصر سليل (ancestor) من عنصر DOM آخر. jQuery.contains( container, contained ) أُضيف مع الإصدار: 1.4. container عنصر DOM الذي قد يحوي العنصر contained المعطى. contained العنصر DOM الذي سيتأكد التابع من أنَّه عنصرٌ سليلٌ من العنصر container. يعيد التابع $.contains() القيمة true إن كان العنصر contained المعطى هو عنصر سليل من العنصر container المعطى أيضًا سواءً كان ذلك العنصر ابنًا ...
الخاصية jQuery.fx.off() في jQuery
jQuery.fx.off القيم المعادة قيمتهما هي قيمة منطقية (Boolean). الوصف تعمل هذه الخاصِّيَّة على تعطيل جميع الحركات على الصعيد العام. jQuery.fx.off أُضيفت مع الإصدار: 1.3. عند تغيير قيمة هذه الخاصِّيَّة إلى القيمة true، ستَنقل جميع التوابع الحركيَّة العناصر إلى حالتها النهائية مباشرةً عند استدعائها دون إظهار أي تأثيرات أو تطبيق أية حركات على العنصر. يُرغب باستعمال هذه الخاصِّيَّة لسببين هما: تعمل jQuery على جهازٍ ذي مواصفات منخفضة. يواجه المستخدمون مشكلاتٍ في إمكانيَّة الوصول مع الحركات. يمكن إيقاف هذا السلوك وتشغيل الحركات ...
التابع deferred.promise() في jQuery
deferred.promise( [target ] ) القيمة المعادة يُعيد كائنًا من النوع Promise. الوصف يُعيد هذا التابع كائن Promise للكائن المؤجل Deferred. deferred.promise( [target ] ) أُضيف مع الإصدار: 1.5. target الكائن الذي يجب إرفاق تابع promise به وهو من النوع Object. يسمح التابع deferred.promise() لدالة غير متزامنة بمنع الشيفرات البرمجية الأخرى من التدخل في تقدم أو حالة الطلب الداخلي الخاص به. ويعرض التابع promise فقط التوابع المؤجلة اللازمة لإرفاق معالجات إضافية أو تحديد الحالة (then و done و fail و always ...
التابع jQuery.cssNumber() في jQuery
jQuery.cssNumber القيم المعادة يعيد كائنًا من النوع Object. الوصف يعيد هذا التابع كائنًا يحتوي على جميع خاصِّيَّات CSS التي يمكن استعمالها دون واحدة. يستعمل التابع .css() هذا الكائن ليتحقَّق إن كان بإمكانه إضافة الواحدة px إلى القيم المعطاة دون واحدة. jQuery.cssNumber أُضيف مع الإصدار: 1.4.3. يمكنك أن تتخيل أنَّ jQuery.cssNumber ليس إلا قائمةً بجميع خاصِّيَّات CSS التي يمكنك استعمالها دون واحدة. يستعمل التابع .css() هذه القائمة ليحدِّد إن كان هنالك حاجة لإضافة الواحدة px إلى القيم عديمة الواحدة. تكون مفاتيح ...
التابع jQuery.error() في jQuery
jQuery.error( message ) الوصف يأخذ هذا التابع قيمةً ثمَّ يرمي استثناءً يحتوي على هذه القيمة. jQuery.error( message ) أُضيف مع الإصدار: 1.4.1. message رسالة الخطأ المراد إرسالها. أكثر من يستعمل هذا التابع هم المطورون في إضافاتهم (plugin) الذين يريدون توفير وإظهار معلومات أوسع حول رسائل الخطأ. أمثلة تجاهل الخطأ jQuery.error وإظهاره في سجل المتصفح: jQuery.error = console.error;
مصادر صفحة التابع ()jQuery.error في توثيق jQuery الرسمي.
التابع deferred.resolve() في jQuery
deferred.resolve( [args ] ) القيمة المعادة يُعيد كائنًا من النوع Deferred. الوصف قبول كائن مؤجل واستدعاء أي doneCallbacks مع الوسائط args المُحدَدة. deferred.resolve( [args ] ) أُضيف مع الإصدار: 1.5. args الوسائط الاختيارية التي تُمرر إلى دوال doneCallbacks، ويمكن أن يكون من أي نوع من أنواع JavaScript. عادة، يجب أن يستدعي هذا التابع فقط منشئ الكائن المؤجل Deferred؛ يمكنك منع الشيفرات البرمجية الأخرى من تغيير حالة الكائن المؤجل بإعادة كائن Promise كسلسلة (chain) من خلال التابع deferred.promise(). عند قبول الكائن ...
التابع .get() في jQuery
يجلب عناصر DOM المطابقة والمخزنة في كائن jQuery. .get( index ) الوصف يعيد هذا التابع عنصرًا واحدًا من العناصر الموجودة في كائن jQuery. .get( index ) index فهرس صفري من النوع Number (عدد صحيح) يشير إلى العنصر المراد إعادته. يوفر التابع .get() إمكانية الوصول إلى كل عناصر DOM الموجودة في كل كائن jQuery. إذا كانت قيمة الفهرس index خارج المجال (أي أصغر من عدد العناصر الموجودة ضمن الكائن – أي قيمة سالبة – أو أكبر أو تساوي عدد هذه العناصر)، ...
التابع .text() في jQuery
يجلب هذا التابع المحتوى النصي المرتبط بكل عنصر في مجموعة العناصر المطابقة بالإضافة إلى العناصر الأحفاد لهم، أو يغيِّر المحتوى النصي للعناصر المطابقة. .text() القيم المعادة يعيد سلسلة نصية من النوع String. الوصف يجلب هذا التابع المحتوى النصي المرتبط بكل عنصر في مجموعة العناصر المطابقة بالإضافة إلى المحتوى النصي للعناصر الأحفاد أيضًا. .text() أُضيف مع الإصدار: 1.0. ولا يقبل هذا التابع أية وسائط. يمكن استعمال التابع .text() في مستندات XML ومستندات HTML كلاهما خلافًا للتابع .html(). يعيد التابع سلسلة نصية ...
التابع .hide() في jQuery
()hide. الوصف يخفي هذا التابع كل العناصر المتطابقة. .hide() أضيف مع الإصدار: 1.0. لا يقبل هذا الشكل من التابع أي معاملات. .hide( [duration ] [, complete ] ) أضيف مع الإصدار 1.0. duration عدد أو سلسلة نصية تمثل كم من الوقت الذي ستستغرقه عملية إخفاء العنصر، وقيمته الافتراضية هي 400. complete دالة تُستدعى بعد انتهاء حركة الإخفاء. تُستدعى مرةً لكل عنصر يراد إخفاؤه. .hide( options ) أضيف مع الإصدار: 1.0. Options كائن من النوع Object، وهو مجموعة من الخيارات الإضافية ...
التابع deferred.resolve() في jQuery
deferred.resolve( [args ] ) القيمة المعادة يُعيد كائنًا من النوع Deferred. الوصف قبول كائن مؤجل واستدعاء أي doneCallbacks مع الوسائط args المُحدَدة. deferred.resolve( [args ] ) أُضيف مع الإصدار: 1.5. args الوسائط الاختيارية التي تُمرر إلى دوال doneCallbacks، ويمكن أن يكون من أي نوع من أنواع JavaScript. عادة، يجب أن يستدعي هذا التابع فقط منشئ الكائن المؤجل Deferred؛ يمكنك منع الشيفرات البرمجية الأخرى من تغيير حالة الكائن المؤجل بإعادة كائن Promise كسلسلة (chain) من خلال التابع deferred.promise(). عند قبول الكائن ...
التابع deferred.state() في jQuery
deferred.state() القيمة المعادة يُعيد كائنًا من النوع String. الوصف يُحدد هذا التابع الحالة الحالية لكائن مؤجل. deferred.state() أُضيف مع الإصدار: 1.7. هذا التابع لا يقبل أي وسائط. يعيد التابع deferred.state() سلسلة نصية تمثل الحالة الحالية للكائن المؤجل. يمكن أن يكون الكائن المؤجل في إحدى الحالات الثلاث: معلق pending : الكائن المؤجل ليس في حالة مكتملة (لا "مرفوض" ولا "مقبول"). مقبول resolved : الكائن المؤجل موجود في حالة قبول، مما يعني أنَّه قد استدعي التابع deferred.resolve() أو التابع deferred.resolveWith() للكائن أو أنَّ الدالة ...
الخاصية event.target في jQuery
event.target القيمة المعادة تعيد كائنًا من النوع Element. الوصف تعيد هذه الخاصية عنصر DOM الذي بدأ الحدث. event.target أُضيفت مع الإصدار: 1.0. يمكن أن تكون الخاصية target هي العنصر لمُسجل للحدث أو لعناصره السليلة. غالبًا ما يكون من المفيد مقارنة event.target مع this لتحديد ما إذا كان الحدث يُعالج بسبب انتقال الحدث إلى العناصر الأب (event bubbling). هذه الخاصية مفيدة جدًا في تفويض الحدث، عند انتقال الحدث إلى العناصر الأب. أمثلة عرض اسم العنصر عند النقر عليه: <!doctype html>
<html lang="en">
<head>
...
التابع deferred.rejectWith() في jQuery
deferred.rejectWith( context [, args ] ) القيمة المعادة يُعيد كائنًا من النوع Deferred. الوصف يرفض هذا التابع كائنًا مؤجلًا Deferred ويستدعي أي failCallbacks مع سياق context ووسائط args محددة. deferred.rejectWith( context [, args ] ) أُضيف مع الإصدار: 1.5. context السياق المُمَرر إلى failCallbacks على أنه الكائن this وهو من النوع كائن Object. args الوسائط الاختيارية التي تُمرر إلى failCallbacks وهي كائن من النوع Array. عادة، يجب أن يستدعي هذا التابع فقط منشئ الكائن المؤجل Deferred؛ يمكنك منع الشيفرات البرمجية ...
عرض (100 السابقة | 100 التالية) (20 | 50 | 100 | 250 | 500).