یہ مضمون jQuery کا استعمال کرتے ہوئے div سے CSS کو ہٹانے کے مختلف طریقوں کو ظاہر کرتا ہے۔
jQuery کا استعمال کرتے ہوئے Div سے CSS کو کیسے ہٹایا جائے؟
Div سے CSS اسٹائلز کو ہٹانے کے لیے، jQuery بلٹ ان ایٹریبیٹس استعمال کریں۔ دو طریقے ہیں جن کے ذریعے صارف سٹائل، ان لائن اور کلاسز کو شامل یا ہٹا سکتے ہیں۔
طریقہ 1: ایک Div سے ان لائن CSS کو ہٹا دیں۔
ان لائن اسٹائل کو ہٹانے کے لیے جو HTML عنصر پر لاگو ہوتے ہیں، ' RemoveAttr() طریقہ استعمال کیا جاتا ہے۔
یہ اس وقت استعمال ہوتا ہے جب کسی عنصر کی تھوڑی سی اسٹائلنگ کی ضرورت ہو۔ اس سے نمٹنے کے لیے درج ذیل اقدامات پر عمل کریں:
مرحلہ 1: ایک ڈھانچہ بنائیں مندرجہ بالا کوڈ پر عمل کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے: آؤٹ پٹ div اور بٹن کا HTML ڈھانچہ دکھاتا ہے۔ مرحلہ 2: ان لائن اسٹائلنگ شامل کریں۔ مندرجہ بالا کوڈ کی پیداوار ہے: آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ ان لائن اسٹائل صرف div عنصر پر لاگو ہوتے ہیں۔ مرحلہ 3: ان لائن سی ایس ایس کو ہٹانے کے لیے jQuery کا استعمال jQuery کوڈ شامل کرنے کے بعد، ویب صفحہ اس طرح کام کرتا ہے: مندرجہ بالا 'gif' واضح کرتا ہے کہ بٹن پر کلک کرنے سے div پر لاگو طرزیں ہٹا دی جاتی ہیں۔ HTML عنصر کو اسٹائل کرنے کا دوسرا طریقہ انہیں تفویض کرنا ہے ' کلاس ' پھر، اس کلاس کے حصے میں CSS شامل کریں ' 'ٹیگ یا الگ میں' سی ایس ایس فائل ' یہ طرزیں jQuery کا استعمال کرتے ہوئے بھی ہٹائی جا سکتی ہیں۔ درج ذیل مراحل پر عمل کریں: مرحلہ 1: Div عنصر کو کلاس تفویض کریں۔ اگلا، پر جائیں ' 'ٹیگ کریں اور div کلاس کا نام منتخب کریں' اسٹائل اور سی ایس ایس پراپرٹیز ٹائپ کریں جو div عنصر پر لاگو ہوتے ہیں: مندرجہ بالا کوڈ پر عمل کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے: آؤٹ پٹ دکھاتا ہے کہ اسٹائل div عنصر پر لاگو ہوتے ہیں۔ مرحلہ 2: CSS اسٹائلنگ کو ہٹانے کے لیے jQuery شامل کریں۔ مندرجہ بالا کوڈ کو شامل کرنے کے بعد، ویب صفحہ اس طرح کام کرتا ہے: مندرجہ بالا 'gif' واضح کرتا ہے کہ کلاس میں ٹائپ کردہ طرزیں بٹن کے کلک سے ہٹا دی جاتی ہیں۔ سی ایس ایس کو ایک div سے ہٹانے کے لیے، ' ہٹا دیں.Attr() 'اور' ہٹائیں کلاس() 'طریقے استعمال کیے جا سکتے ہیں۔ ' ہٹا دیں.Attr() 'ہٹاتا ہے' انداز منتخب کردہ عنصر سے خصوصیت۔ دوسری طرف، ' ہٹائیں کلاس() ' منتخب عنصر کی کلاس کو ہٹاتا ہے جو اس عنصر پر اسٹائل لگانے کے لیے استعمال کیا جا رہا تھا۔ اس مضمون نے کامیابی کے ساتھ دکھایا ہے کہ jQuery کا استعمال کرتے ہوئے div سے CSS کو کیسے ہٹایا جائے۔
ایچ ٹی ایم ایل فائل میں، '
< div >
< h1 > ہیلو لینکس ہنٹ صارفین < / h1 >
< h2 > Linuxhint جنت کی جگہ ہے۔ < / h2 >
< ص > پروگرامنگ زبانوں سے متعلق سوالات۔ < / ص >
< / div >
< بٹن > Div کے لیے اسٹائل ریموور < / بٹن >
div اوپننگ ٹیگ کے اندر، استعمال کرتا ہے ' انداز عناصر کو نمایاں اور دلکش بنانے کے لیے کچھ سی ایس ایس پراپرٹیز کو انتساب اور لاگو کریں:
رنگ: سیاہ میگینٹا؛
پس منظر کا رنگ: میڈیموکامرین؛
مارجن: 20px؛
پیڈنگ: 30px؛' >
< h1 >ہیلو لینکس ہنٹ صارفین< / h1 >
< h2 >Linuxhint جنت کی جگہ ہے< / h2 >
< ص >پروگرامنگ زبانوں سے متعلق سوالات۔< / ص >
< / div >
< بی آر >
< بٹن > انداز دور کے لیے Div< / بٹن >
طرز کی خصوصیات کو ہٹانے کے لیے، پیرنٹ فنکشن کال کرتا ہے جب ' دستاویز 'ہے' تیار ' نیچے دیے گئے کوڈ میں، اندرونی فنکشن کال کرتا ہے جب صارف نے ' بٹن ' اس کے بعد، یہ فنکشن تمام div عناصر کو منتخب کرتا ہے جو صفحہ پر رہتے ہیں اور ' ہٹا دیں.Attr() طریقہ:
$ ( دستاویز ) .تیار ( فنکشن ( ) {
$ ( 'بٹن' ) کلک کریں۔ ( فنکشن ( ) {
$ ( 'div' ) .removeAttr ( 'انداز' ) ;
} ) ;
} ) ;
< / سکرپٹ > طریقہ 2: Div سے کلاس CSS کو ہٹا دیں۔
ایچ ٹی ایم ایل فائل میں، ایک کلاس وصف تفویض کریں '
< h1 >ہیلو لینکس ہنٹ صارفین< / h1 >
< h2 >Linuxhint جنت کی جگہ ہے< / h2 >
< ص >پروگرامنگ زبانوں سے متعلق سوالات۔< / ص >
< / div >
< بٹن آئی ڈی = 'دور' > انداز ہٹائیں < / بٹن >
اسٹائلنگ {
رنگ گولڈن راڈ
پس منظر- رنگ سمندری سبز
مارجن: 20px؛
پیڈنگ: 30px؛
}
< / انداز >
میں ' ٹیگ شامل کریں jQuery کوڈ وہی ہے جیسا کہ مذکورہ طریقہ میں بتایا گیا ہے۔ jQuery ' ہٹائیں کلاس() 'طریقہ کار کو ہٹاتا ہے' اسٹائل 'کلاس جو بٹن پر کلک کرنے پر 'div' عنصر کے ساتھ تفویض کیا جاتا ہے:
$ ( دستاویز ) .تیار ( فنکشن ( ) {
$ ( 'بٹن' ) کلک کریں۔ ( فنکشن ( ) {
$ ( 'div' ) .removeClass ( 'اسٹائل' ) ;
} ) ;
} ) ;
< / سکرپٹ > نتیجہ