কীভাবে jQuery এ CSS সম্পত্তি সরিয়ে ফেলবেন

Question

if(prev_clicked)
{   
    $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")');                    
    $("#accordion li a.comment").css('background-image', 'url("img/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}

আমি যুক্ত হওয়া দুটি সিএসএস বৈশিষ্ট্য অপসারণ করার চেষ্টা করছি তবে মনে হচ্ছে এটি কার্যকর হয় না। যাইহোক?

Comments

এছাড়াও, দয়া করে এখানে পোস্ট করার আগে গুগল চেষ্টা করুন। আমার এখানে সন্দেহ নেই যে আপনি এখানে পোস্ট করেছেন সঠিক শিরোনামের প্রথম ফলাফলটি একটি গ্রহণযোগ্য ফলাফল ফিরে আসবে। আপনি কোথা .removeProperty()থেকে এসেছেন আমার কোনও ধারণা নেই ।

— খ্রিস্টান

@ ক্রিশ্চিয়ান ভার্গা, মজার বিষয় কী, এখন তিনি এই প্রশ্নটি পোস্ট করেছেন, এটি গুগলের প্রথম ফলাফল। দ্বিতীয় ফলাফলটি হ'ল আরেকটি সঠিক স্ট্যাক ওভারফ্লো উত্তর। তৃতীয়টি হল "রিমুভপ্রপ ()" এবং চতুর্থটি "রিমুভআউটআর ()", দুটোই ভুল।

— রকেটসারেফস্ট

Answer 1

আপনি এগুলি দ্বারা মুছে ফেলতে পারেন:

$(".icha0").css({ 'background-color' : '', 'opacity' : '' });

Comments

উত্তর দিতে কিছুটা দেরি হলেও আমি মনে করি এটি গুরুত্বপূর্ণ। আপনার অবশ্যই মনে রাখতে হবে এটি কেবল "স্টাইল" বৈশিষ্ট্যে সংজ্ঞায়িত উপাদানটির বৈশিষ্ট্যগুলি সরিয়ে ফেলবে। এগুলি কোনও শ্রেণিতে বা অনুরূপ ক্ষেত্রে অর্পিত হলে এটি কার্যকর হবে না।

— জোসে কার্লোস

আপনার যদি কোনও শ্রেণীর মাধ্যমে সেট করা সম্পত্তি অপসারণের প্রয়োজন হয় তবে আপনি '' এর পরিবর্তে 'ইনিটিটাল' এ সেট করতে পারেন

— জেমস

Answer 2

আপনি .css()সিএসএস সম্পত্তি অপসারণ করতেও এটি ব্যবহার করতে পারেন:

$(".icha0").css("background-color","");
$(".icha0").css("opacity","");

যেমন jquery ডকুমেন্টেশন উল্লিখিত:

শৈলীর বৈশিষ্ট্যের মান একটি খালি স্ট্রিংয়ে সেট করা - যেমন $ ('# মাইডিভ')। সিএসএস ('রঙ', '') - সেই সম্পত্তিটি যদি ইতিমধ্যে সরাসরি প্রয়োগ করা হয় তবে কোনও উপাদান থেকে সরান,

Comments

জকিউরি সিএসএস থেকে: "তবে এটি স্টাইলশিট বা <স্টাইল> উপাদানটিতে সিএসএস নিয়মের সাথে প্রয়োগ করা কোনও স্টাইল সরিয়ে দেয় না"

— ডিম্বাশিতগণ

Answer 3

ইন-লাইন সিএসএস সম্পত্তি ব্যবহার সরাতে:

$('.className').css({propertyName: ''});

কোনও উপাদান ব্যবহারের সম্পূর্ণ ইন-লাইন শৈলীটি সরাতে:

$('.className').removeAttr('style');

শৈলীর (পৃথক ফাইল) ব্যবহার থেকে সিএসএস সম্পত্তি অপসারণ করার জন্য আমি এই পরামর্শটিও পেয়েছি:

$ ('। className')। শৈলী.প্রপত্তি নাম = '';

তবে আমি এটি মোটেও কাজ করতে পারি না, তাই আমি এটি এখানে কেবল এফওয়াইআই দিয়ে দিচ্ছি।

Comments

$ ('। className')। শৈলী.প্রপত্তি নাম = ''; অবশ্যই $ ('। className') হতে হবে [0] .style.propertyName = ''; - তবে এটি সম্পূর্ণরূপে বাজে কথা

— সুপারনোভা

Answer 4

হয় আপনি বৈশিষ্ট্যগুলি ফাঁকাতে সেট করতে পারেন:

$(".icha0").css("background-color","");

অথবা আপনি কোনও সিএসএস ফাইলে সংজ্ঞায়িত ক্লাস ব্যবহারের জন্য কোডটি পরিবর্তন করতে পারেন:

$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');

Comments

নেস্টেড 3 ডি দৃষ্টিভঙ্গির কারণে মুছে ফেলা দাগযুক্ত প্রান্তগুলিতে সহায়তা করেছে। আমি এন্টি ওরফে সমস্যা সমাধানের জন্য একটি দৃষ্টিভঙ্গি মুছে ফেলার চেষ্টা করে হতাশ হয়ে পড়েছিলাম, এই পোস্টটি আমার দিনটি বাঁচিয়েছিল! ধন্যবাদ!

— রিচার্ড ইয়ান

Answer 5

আমাদের দুটি উপায় রয়েছে, হয় আপনি সরাসরি প্রয়োগ হওয়া সিএসএস স্টাইল শ্রেণিটি ডিওএম উপাদানটিতে প্রয়োগ করা যেতে পারেন অথবা উপাদান থেকে প্রয়োগ করা সিএসএস শৈলীটি সরাতে পারেন

//Remove the class associated with element

$('#ID').removeClass("cssClass");

//Remove the CSS style from DOM element

$('p').css({"color":""});

Comments

এই উত্তরে নতুন কিছু নেই, অন্যান্য উত্তরগুলি পুনরাবৃত্তি করা অর্থহীন।

— শেডো উইজার্ড আপনার পক্ষে কান

Answer 6

আমার এই সমস্যাটি ছিল তবে আমি এখানে কোনও সমাধান দেখিনি যা ওপিকে সন্তুষ্ট করে। বেশিরভাগ সমাধানগুলি পুরো শৈলীর বৈশিষ্ট্য থেকে মুক্তি পাওয়ার পরামর্শ দেয় যা এটির জন্য উপযুক্ত নয়।

আমি jQuery এর প্রোপ পদ্ধতি ব্যবহার করেছি ।

var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');

Answer 7

আদর্শ বিকল্পের চেয়ে বিকল্প কম তবে বিভিন্ন সমস্যার সমাধান হতে পারে। মান উত্তরাধিকার সহ উপাদানটিতে একটি নতুন শ্রেণি যুক্ত করুন :

CSS

.clearCSS {
    background-color: inherit !important;
}

jQuery

$(".icha0").addClass('clearCSS'); 

Answer 8

এটি আক্ষরিকভাবে এই উত্তর থেকে একটি অনুলিপি পেস্ট , এবং আমি সিএসএস শৈলীর সাফ করতে এটি ব্যবহার করি যা আমি পূর্বে কার্যকর করা ফাংশনে jQuery এর সাথে যুক্ত করেছি।

ইন-লাইন সিএসএস সম্পত্তি ব্যবহার সরাতে:

$('.className').css({propertyName: ''});   

কোনও উপাদান ব্যবহারের সম্পূর্ণ ইন-লাইন শৈলীটি সরাতে:

$('.className').removeAttr('style');

অথবা আইডি দ্বারা:

$('#idName').removeAttr('style');

Answer 9

JQuery এর সমস্ত CSS সম্পত্তি অপসারণ করতে নিম্নলিখিত কোডটি ব্যবহার করা যেতে পারে:

    $(".selector").removeClass().removeAttr('style');

ধন্যবাদ।

Answer 10

আপনার যদি কোনও নির্দিষ্ট সম্পত্তি অপসারণ এবং আপডেট করার প্রয়োজন না হয় তবে আপনি কেবল অপসারণপ্রপ ব্যবহার করতে পারেন এবং অপসারণযোগ্য নয় :

$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");