مسج هي مكتبة جافا سكريبت الشعبية التي يبسط إلى حد كبير العمل مع صفحات الويب. واحدة من الميزات الأكثر استخداما من مسج هو القدرة على إضافة وإزالة الطبقات لعناصر الصفحة. تتيح لك إضافة الفئات تطبيق الأنماط أو تنفيذ إجراءات إضافية باستخدام العناصر المحددة.
لإضافة فئة إلى عنصر باستخدام مسج, استخدام .طريقة أدكلاس (). يسمح لك بإضافة فئات متعددة في نفس الوقت ، وفصلها بمسافة. بناء جملة هذه الطريقة هو كما يلي:
((محدد).أدكلاس ("الفئة 1 الفئة 2");
بدلا من" المحدد " ، يتم تحديد محدد العنصر أو مجموعة العناصر التي يجب إضافة الفئات إليها. بدلا من" الفئة 1 "و" الفئة 2 " ، يشار إلى أسماء الفئات المراد إضافتها. إذا كنت بحاجة إلى إضافة فئة واحدة فقط ، فإن بناء الجملة يبدو كما يلي:
((محدد).أدكلاس ("فئة");
إحدى الطرق الشائعة لإضافة فصل دراسي هي إضافة فصل دراسي في حدث ما ، على سبيل المثال ، عند النقر فوق زر. انقر فوق () طريقة الزر واستدعاء .طريقة أدكلاس () داخل معالج الحدث. على سبيل المثال ، يضيف الكود التالي فئة" نشط " إلى زر عند النقر عليه:
يمكنك أيضا استخدام مسج لإضافة فئات إلى عناصر اعتمادا على موقفهم أو سمات. على سبيل المثال ، يضيف التعليمة البرمجية التالية فئة" تمييز "إلى كافة الفقرات التي تحتوي على كلمة "مسج":
p ("ص:يحتوي على ("مسج")").أدكلاس ("تسليط الضوء");
في هذه المقالة ، نظرنا فقط في جزء صغير من إمكانيات إضافة فئات إلى مسج. توفر المكتبة مجموعة واسعة من الوظائف والأساليب للعمل مع الفصول الدراسية ، مما يسمح لك بتغيير أنماط وسلوك العناصر على الصفحة بسهولة ومرونة.
- الخطوة 1: توصيل مكتبة مسج
- اتصال مسج المحلي
- ربط مسج باستخدام كندي
- الخطوة 2: حدد عنصرا
- سؤال وجواب
- كيف يمكنني إضافة فئة إلى مسج?
- كيف يمكنني إضافة فئة إلى مسج مع شرط?
- كيف يمكنني إضافة فئة إلى عناصر متعددة في مسج?
- كيف يمكنني إضافة فئة إلى مسج من خلال النقر على عنصر?
- كيف يمكنني إضافة فئة إلى مسج مع الرسوم المتحركة?
- كيف يمكنني إزالة فئة من عنصر في مسج?
الخطوة 1: توصيل مكتبة مسج
قبل استخدام وظيفة مسج ، تحتاج إلى توصيل المكتبة نفسها إلى المشروع الخاص بك. هناك طريقتان رئيسيتان للقيام بذلك: توصيل نسخة محلية من المكتبة أو استخدام الإصدار المثبت من مسج من كدن (شبكة تسليم المحتوى).
اتصال مسج المحلي
إذا كنت ترغب في استخدام نسخة محلية من مكتبة مسج ، تحتاج إلى تحميل البرنامج من الموقع الرسمي https://jquery.com /. بعد التنزيل ، ما عليك سوى إضافة الملف باستخدام".شبيبة " تمديد للمشروع الخاص بك وتوصيله باستخدام العلامة :
استبدال "مسار الملف" مع المسار الفعلي إلى ملف مسج في المشروع الخاص بك. هذا هو عادة المجلد الفرعي" جس " في جذر المشروع الخاص بك.
ربط مسج باستخدام كندي
كدن (شبكة تسليم المحتوى) هي شبكة موزعة من الخوادم التي تخزن نسخا من ملفات المكتبة. ربط مسج عبر كندي لديها عدد من المزايا ، مثل التخزين المؤقت للملفات على جانب العميل ، وتسريع التنزيلات واستخدام نسخ من المكتبة أن العملاء لديهم بالفعل.
للاتصال مسج باستخدام كندي ، تحتاج إلى إضافة العلامة التالية قبل علامة الإغلاق :
وهذا الرمز تحميل وربط أحدث نسخة من مسج ، والذي يتوفر في وقت كتابة هذا المقال. إذا كنت بحاجة إلى إصدار معين ، فاستبدل "3.6.0" برقم الإصدار المقابل.
بعد توصيل مسج لمشروعك ، يمكنك البدء في استخدام وظائفه وإضافة فئات باستخدام هذه المكتبة القوية.
الخطوة 2: حدد عنصرا
بمجرد توصيل مكتبة مسج إلى المشروع الخاص بك ، يمكنك البدء في استخدام وظائفه. تتمثل إحدى الخطوات الأولى في تحديد عنصر في الصفحة ستطبق عليه إجراءات وأساليب المكتبة.
لتحديد عنصر في مسج ، يتم استخدام وظيفة $ () (أو مسج ()) ، والتي تأخذ محدد عنصر أو كائن دوم كوسيطة.
أمثلة على محددات العناصر:
- $("#مياليمنت") — يختار عنصرا مع معرف"مياليمنت".
- $(".ميكلاس") — يختار جميع العناصر مع فئة "ميكلاس".
- $ — "ديف") - يختار جميع العناصر
- على الصفحة.
input ("الإدخال[النوع="نص"]") — يحدد جميع عناصر الإدخال بنوع "نص".
باستخدام وظيفة $ () ، يمكنك الحصول على رابط للعنصر المحدد وتطبيق طرق مختلفة عليه.
على سبيل المثال ، لإضافة فئة" تمييز "إلى عنصر مع معرف "مياليمنت" ، يمكنك استخدام التعليمات البرمجية التالية: | النص |
النص
سوف تبدو مثل هذا: |
النص
سؤال وجواب
كيف يمكنني إضافة فئة إلى مسج?
لإضافة فئة إلى مسج ، استخدم طريقة أدكلاس (). على سبيل المثال ، لإضافة فئة "نشط" إلى عنصر مع معرف "مياليمنت" ، يمكنك استخدام التعليمات البرمجية التالية: $("#مياليمنت").أدكلاس ("نشط"). تتيح لك هذه الطريقة أيضا إضافة عدة فئات في نفس الوقت عن طريق إدراجها مفصولة بمسافة.
كيف يمكنني إضافة فئة إلى مسج مع شرط?
لإضافة فئة مع شرط في مسج ، يمكنك استخدام طريقة أدكلاس () وبيان إف. على سبيل المثال ، لإضافة فئة "نشطة" إلى عنصر مع معرف "مياليمنت" فقط إذا كان لا يحتوي بالفعل على هذه الفئة ، يمكنك استخدام التعليمات البرمجية التالية: إذا (!(("#النخاع").هاسكلاس ("نشط")) {$("#مايمينت").أدكلاس ("نشط")؛}
كيف يمكنني إضافة فئة إلى عناصر متعددة في مسج?
لإضافة فئة إلى عناصر متعددة في مسج ، يمكنك استخدام محددات وطريقة أدكلاس (). على سبيل المثال ، لإضافة فئة "نشط" إلى جميع العناصر مع فئة "ميكلاس" ، يمكنك استخدام التعليمات البرمجية التالية: $(".ميكلاس").أدكلاس ("نشط"). ستطبق هذه الطريقة الفصل على جميع العناصر المطابقة للمحدد المحدد.
كيف يمكنني إضافة فئة إلى مسج من خلال النقر على عنصر?
لإضافة فئة من خلال النقر على عنصر في مسج ، يمكنك استخدام أساليب النقر () و أدكلاس (). على سبيل المثال ، لإضافة فئة "نشطة" إلى عنصر مع معرف "مايمينت" عند النقر عليه ، يمكنك استخدام التعليمات البرمجية التالية:: ("#مايمينت").انقر(وظيفة () {{(هذا).أدكلاس ("نشط")؛}); وبالتالي ، عند النقر فوق عنصر ، ستتم إضافة الفئة المحددة إليه.
كيف يمكنني إضافة فئة إلى مسج مع الرسوم المتحركة?
لإضافة فئة مع الرسوم المتحركة إلى مسج ، يمكنك استخدام طريقة تحريك () في تركيبة مع أدكلاس (). على سبيل المثال ، لإضافة فئة "نشط" إلى عنصر مع معرف "مياليمنت" مع مظهر سلس ، يمكنك استخدام التعليمات البرمجية التالية: $("#مياليمنت").تحريك ({التعتيم: 1} ، وظيفة () {$(هذا).أدكلاس ("نشط")؛}) ؛ اتضح أن الرسوم المتحركة لتغيير النمط (على سبيل المثال ، الشفافية) يتم تنفيذها أولا ، ثم يتم إضافة الفئة.
كيف يمكنني إزالة فئة من عنصر في مسج?