چیک کریں کہ آیا باڈی میں جاوا اسکرپٹ کا استعمال کرتے ہوئے ایک مخصوص کلاس ہے۔

Chyk Kry K Aya Ba Y My Jawa Askrp Ka Ast Mal Krt Wy Ayk Mkhsws Klas



ویب صفحہ یا سائٹ کو ڈیزائن کرتے وقت، ڈویلپر کے آخر میں ایک سرشار کلاس کے خلاف اسی طرح کی خصوصیات کو ترتیب دینے کا امکان ہوسکتا ہے۔ مثال کے طور پر، ایک مخصوص ویب صفحہ کو ایک ہی عنصر کے لیے مختص کرنا لیکن چیزوں کو متعلقہ بنانے کے لیے ایک الگ کلاس کے ساتھ۔ ایسے حالات میں، یہ جانچنا کہ آیا کسی جسم کی کوئی مخصوص کلاس ہے یا نہیں، مختلف افعال تک آسانی سے رسائی حاصل کرنے اور اپ ڈیٹ کرنے کے عمل میں بھی مدد کرتا ہے۔

یہ مضمون ان طریقوں کو ظاہر کرے گا کہ آیا جاوا اسکرپٹ کا استعمال کرتے ہوئے کسی باڈی میں مخصوص کلاس ہے یا نہیں۔

جاوا اسکرپٹ کا استعمال کرتے ہوئے باڈی کی کوئی مخصوص کلاس ہے یا نہیں اس کی جانچ کیسے کریں؟

یہ چیک کرنے کے لیے کہ آیا جاوا اسکرپٹ کا استعمال کرتے ہوئے کسی باڈی کے پاس مخصوص کلاس ہے، درج ذیل طریقوں کا اطلاق کریں:





  • ' کلاس لسٹ 'جائیداد اور' مشتمل() 'طریقہ.
  • ' getElementsByTagName() 'اور' میچ() 'طریقے.
  • ' jQuery '

آئیے ایک ایک کرکے ہر ایک نقطہ نظر کی وضاحت کریں!



نقطہ نظر 1: چیک کریں کہ آیا کلاس لسٹ پراپرٹی کا استعمال کرتے ہوئے جاوا اسکرپٹ میں باڈی کی کوئی مخصوص کلاس ہے اور اس میں () طریقے ہیں

' کلاس لسٹ پراپرٹی کسی عنصر کے CSS کلاس کے نام دیتی ہے۔ جبکہ ' مشتمل() اگر نوڈ ڈیسنڈنٹ ہو تو طریقہ درست دیتا ہے۔ ان طریقوں کو ملا کر متعلقہ عنصر میں موجود کلاس تک رسائی کے لیے لاگو کیا جا سکتا ہے۔



نحو



نوڈ مشتمل ( ننگا )

مندرجہ بالا نحو میں:

  • ' ننگا ” متعلقہ نوڈ کے نوڈ ڈیسنڈنٹ سے مساوی ہے۔

مثال
آئیے ذیل میں دی گئی مثال کا ایک جائزہ لیں:



< مرکز >< جسم کلاس = 'مشتمل' >
< h2 > یہ Linuxhint ویب سائٹ ہے۔ h2 >
مرکز >> جسم >
< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
اگر ( دستاویز جسم . کلاس لسٹ . مشتمل ( 'مشتمل' ) ) {
تسلی. لاگ ( 'جسمانی عنصر کی کلاس ہوتی ہے' ) ;
}
اور {
تسلی. لاگ ( 'جسمانی عنصر کی کلاس نہیں ہوتی' ) ;
}
سکرپٹ >

جیسا کہ اوپر کوڈ میں دیا گیا ہے، ذیل میں بیان کردہ اقدامات کا اطلاق کریں:

  • سب سے پہلے، ایک شامل کریں ' 'عنصر جس میں سیٹ وصف ہے' کلاس '
  • اس کے علاوہ، مخصوص عنصر ( ) کے اندر ایک سرخی شامل کریں۔
  • جے ایس کوڈ میں، لاگو کریں ' کلاس لسٹ ' جائیداد کے ساتھ مل کر ' مشتمل() 'طریقہ.
  • اس کے نتیجے میں متعلقہ طبقے تک رسائی ہو جائے گی۔ طریقہ کے پیرامیٹر میں مخصوص کلاس کے نام پر مبنی عنصر۔
  • مطمئن حالت پر، ' اگر 'شرط پر عملدرآمد ہو جائے گا.
  • اس کے برعکس، ' اور اسٹیٹمنٹ کوڈ بلاک پر عمل درآمد ہوگا۔

آؤٹ پٹ

مندرجہ بالا آؤٹ پٹ میں، یہ دیکھا جا سکتا ہے کہ مخصوص طبقے کو ' ' عنصر.

نقطہ نظر 2: getElementsByTagName() اور میچ() طریقوں کا استعمال کرتے ہوئے چیک کریں کہ آیا جاوا اسکرپٹ میں باڈی کی کوئی مخصوص کلاس ہے

' getElementsByTagName() ' طریقہ ایک مخصوص ٹیگ نام رکھنے والے تمام عناصر کا مجموعہ دیتا ہے۔ ' میچ() ” طریقہ سٹرنگ کے ساتھ مخصوص قدر سے میل کھاتا ہے۔ ان طریقوں کو اس کے ٹیگ کے ذریعہ مطلوبہ عنصر تک رسائی حاصل کرنے اور مخصوص کلاس کی جانچ کرنے کے لئے استعمال کیا جاسکتا ہے۔

نحو

دستاویز getElementsByTagName ( ٹیگ )

فراہم کردہ نحو میں:

  • ' ٹیگ ' عنصر کے ٹیگ کے نام کی نمائندگی کرتا ہے۔

مثال
مندرجہ ذیل مثال زیر بحث تصور کو ظاہر کرتی ہے:

< مرکز >< جسم کلاس = 'مشتمل' >
< img src = 'template2.png' اونچائی = '150px' چوڑائی = '150px' >
مرکز >> جسم >
< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
دو حاصل کریں = دستاویز getElementsByTagName ( 'جسم' ) [ 0 ] . کلاس کا نام . میچ ( /مشتمل/ )
اگر ( حاصل کریں ) {
تسلی. لاگ ( 'جسمانی عنصر کی کلاس ہوتی ہے' ) ;
}
اور {
تسلی. لاگ ( 'جسمانی عنصر کی کلاس نہیں ہوتی' ) ;
}
سکرپٹ >

مندرجہ بالا کوڈ کے ٹکڑوں میں:

  • اسی طرح، ایک شامل کریں ' ' مخصوص کلاس کا عنصر۔
  • اس کے علاوہ، پچھلے مرحلے میں بیان کردہ عنصر کے اندر طے شدہ طول و عرض کے ساتھ ایک تصویر شامل کریں۔
  • کوڈ کی جاوا اسکرپٹ لائنوں میں، تک رسائی حاصل کریں ' ' عنصر کو اس کے ٹیگ سے استعمال کرتے ہوئے ' getElementsByTagName() 'طریقہ.
  • ' [0] ” اشارہ کرتا ہے کہ پچھلے مرحلے میں بیان کردہ ٹیگ سے متعلق پہلا عنصر حاصل کیا جائے گا۔
  • ' کلاس کا نام 'جائیداد اور' میچ() ' طریقہ بیان کردہ کلاس کے لئے اس کے پیرامیٹر میں ' کے خلاف میچ کرے گا ' عنصر.
  • سابق بیان میں ' اگر شرط پچھلے مراحل میں تمام شرائط کے اطمینان پر عمل میں آئے گی۔
  • بصورت دیگر، مؤخر الذکر بیان دکھایا جائے گا۔

آؤٹ پٹ

مندرجہ بالا آؤٹ پٹ اشارہ کرتا ہے کہ مخصوص طبقے کے لیے لاگو کی گئی شرط مطمئن ہے۔

نقطہ نظر 3: چیک کریں کہ آیا jQuery کا استعمال کرتے ہوئے جاوا اسکرپٹ میں باڈی کی کوئی مخصوص کلاس ہے

اس نقطہ نظر کو براہ راست مطلوبہ عنصر تک رسائی حاصل کرنے اور اس کے طریقہ کار کی مدد سے اس کے خلاف مخصوص کلاس کو تلاش کرنے کے لئے لاگو کیا جاسکتا ہے۔

مثال
آئیے ذیل میں دی گئی مثال کو دیکھتے ہیں:

< سکرپٹ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' >> سکرپٹ >
< مرکز >< جسم کلاس = 'مشتمل' >
< ٹیکسٹیریا پلیس ہولڈر = 'کوئی متن ٹائپ کریں...' >> ٹیکسٹیریا >
مرکز >> جسم >

اگر ( $ ( 'جسم' ) . hasClass ( 'مشتمل' ) ) {
الرٹ ( 'جسمانی عنصر کی کلاس ہوتی ہے' )
}
اور {
الرٹ ( 'جسمانی عنصر کی کلاس نہیں ہوتی' )
}
سکرپٹ >

کوڈ کی اوپر کی لائنوں میں:

  • شامل کریں ' jQuery 'لائبریری اپنی خصوصیات کو استعمال کرنے کے لیے۔
  • اسی طرح، شامل کریں ' بیان کردہ کلاس کا عنصر۔
  • اس کے علاوہ، ایک شامل کریں '