jQuery کا استعمال کرتے ہوئے Div سے CSS کو کیسے ہٹایا جائے؟

Jquery Ka Ast Mal Krt Wy Div S Css Kw Kys Aya Jay



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

یہ مضمون jQuery کا استعمال کرتے ہوئے div سے CSS کو ہٹانے کے مختلف طریقوں کو ظاہر کرتا ہے۔

jQuery کا استعمال کرتے ہوئے Div سے CSS کو کیسے ہٹایا جائے؟

Div سے CSS اسٹائلز کو ہٹانے کے لیے، jQuery بلٹ ان ایٹریبیٹس استعمال کریں۔ دو طریقے ہیں جن کے ذریعے صارف سٹائل، ان لائن اور کلاسز کو شامل یا ہٹا سکتے ہیں۔







طریقہ 1: ایک Div سے ان لائن CSS کو ہٹا دیں۔

ان لائن اسٹائل کو ہٹانے کے لیے جو HTML عنصر پر لاگو ہوتے ہیں، ' RemoveAttr() طریقہ استعمال کیا جاتا ہے۔



یہ اس وقت استعمال ہوتا ہے جب کسی عنصر کی تھوڑی سی اسٹائلنگ کی ضرورت ہو۔ اس سے نمٹنے کے لیے درج ذیل اقدامات پر عمل کریں:



مرحلہ 1: ایک ڈھانچہ بنائیں
ایچ ٹی ایم ایل فائل میں، '

ٹیگ کریں اور اس کے اندر متعدد HTML عناصر شامل کریں۔ مثال کے طور پر، '

'،'

'اور'

' ٹیگز درج ذیل کوڈ میں استعمال ہوتے ہیں:





< div >
< h1 > ہیلو لینکس ہنٹ صارفین < / h1 >
< h2 > Linuxhint جنت کی جگہ ہے۔ < / h2 >
< ص > پروگرامنگ زبانوں سے متعلق سوالات۔ < / ص >
< / div >
< بٹن > Div کے لیے اسٹائل ریموور < / بٹن >

مندرجہ بالا کوڈ پر عمل کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے:





آؤٹ پٹ div اور بٹن کا HTML ڈھانچہ دکھاتا ہے۔

مرحلہ 2: ان لائن اسٹائلنگ شامل کریں۔
div اوپننگ ٹیگ کے اندر، استعمال کرتا ہے ' انداز عناصر کو نمایاں اور دلکش بنانے کے لیے کچھ سی ایس ایس پراپرٹیز کو انتساب اور لاگو کریں:

< div انداز = '
رنگ: سیاہ میگینٹا؛
پس منظر کا رنگ: میڈیموکامرین؛
مارجن: 20px؛
پیڈنگ: 30px؛'
>
< h1 >ہیلو لینکس ہنٹ صارفین< / h1 >
< h2 >Linuxhint جنت کی جگہ ہے< / h2 >
< ص >پروگرامنگ زبانوں سے متعلق سوالات۔< / ص >
< / div >
< بی آر >
< بٹن > انداز دور کے لیے Div< / بٹن >

مندرجہ بالا کوڈ کی پیداوار ہے:

آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ ان لائن اسٹائل صرف div عنصر پر لاگو ہوتے ہیں۔

مرحلہ 3: ان لائن سی ایس ایس کو ہٹانے کے لیے jQuery کا استعمال
طرز کی خصوصیات کو ہٹانے کے لیے، پیرنٹ فنکشن کال کرتا ہے جب ' دستاویز 'ہے' تیار ' نیچے دیے گئے کوڈ میں، اندرونی فنکشن کال کرتا ہے جب صارف نے ' بٹن ' اس کے بعد، یہ فنکشن تمام div عناصر کو منتخب کرتا ہے جو صفحہ پر رہتے ہیں اور ' ہٹا دیں.Attr() طریقہ:

< سکرپٹ >
$ ( دستاویز ) .تیار ( فنکشن ( ) {
$ ( 'بٹن' ) کلک کریں۔ ( فنکشن ( ) {
$ ( 'div' ) .removeAttr ( 'انداز' ) ;
} ) ;
} ) ;
< / سکرپٹ >

jQuery کوڈ شامل کرنے کے بعد، ویب صفحہ اس طرح کام کرتا ہے:

مندرجہ بالا 'gif' واضح کرتا ہے کہ بٹن پر کلک کرنے سے div پر لاگو طرزیں ہٹا دی جاتی ہیں۔

طریقہ 2: Div سے کلاس CSS کو ہٹا دیں۔

HTML عنصر کو اسٹائل کرنے کا دوسرا طریقہ انہیں تفویض کرنا ہے ' کلاس ' پھر، اس کلاس کے حصے میں CSS شامل کریں '