ما هي وظيفة 'hasClass' مع جافا سكريبت عادي

Ma Hy Wzyft Hasclass M Jafa Skrybt Ady



' hasClass 'الطريقة' هي وظيفة jQuery المستخدمة للتحقق مما إذا كان العنصر المحدد يحتوي على الفئة المحددة. إذا كان يحتوي على 'hasClass ()' يعطي ' حقيقي 'وإلا ، فإنه يعيد' خاطئة '. jQuery هي مكتبة مدعومة بواسطة JavaScript ، إذا كنت تريد القيام بهذه المهمة في JavaScript دون استخدام مكتبة jQuery ، فاستخدم طريقة 'contains ()'.

ستوضح هذه المقالة وظيفة 'hasClass' باستخدام JavaScript عادي.

كيف يمكن أداء وظيفة 'hasClass' باستخدام جافا سكريبت عادي؟

' hasClass 'وظيفة تنتمي إلى JavaScript' مسج ' مكتبة. إذا كنت تريد استخدام JavaScript عادي وتحديد ما إذا كانت الفئة المحددة جزءًا من عنصر معين ، فعليك استخدام ' يحتوي على() 'طريقة كائن classList. هذا يعمل نفس وظيفة hasClass.







بناء الجملة



للحصول على وظيفة ' hasClass 'في JavaScript ، استخدم الصيغة الواردة أدناه:



جزء. قائمة الطبقة . يحتوي على ( 'className' )

هنا، ' اسم الطبقة 'هو اسم فئة CSS التي سيتم البحث عنها في عنصر معين.





بينما صيغة طريقة hasClass () في jQuery هي:

$ ( محدد ) . hasClass ( اسم الفئة )

مثال

إنشاء ' شعبة '، تعيين فئة CSS' المرن البند 1 'لتصميم div وإضافة صورة لشعار موقع الويب باستخدام' src 'لعلامة داخل عنصر div:



< معرف شعبة = 'logoDiv' صف دراسي = 'flex-item1' >

< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' كل شيء = '' />

شعبة >

إنشاء فئة CSS ' المرن البند 1 'لتصميم div:

.flex-item1 {

لون الخلفية : أسود ؛

أقصى عرض : 7em ؛

عرض : ثني ؛

محاذاة العناصر : المركز ؛

حشوة : 0 15 بكسل ؛

}

في ملف JavaScript ، أو علامة