Jquery এর সাথে ডিভ থেকে স্টাইল বৈশিষ্ট্য যুক্ত করা এবং অপসারণ করা

Question

আমি এমন একটি প্রকল্প পেয়েছি যা আমি কাজ করছি এবং আমি কিছু jquery অ্যানিমেশনগুলি আপডেট করছি (jquery সহ খুব কম অনুশীলন)।

আমার একটি ডিভ রয়েছে যা থেকে শৈলীর বৈশিষ্ট্যটি যুক্ত এবং মুছে ফেলা দরকার। এখানে ডিভ:

<div id='voltaic_holder'>

অ্যানিমেশনটির এক পর্যায়ে আমার এটিতে একটি শৈলী যুক্ত করতে হবে:

<div id='voltaic_holder' style='position:absolute;top:-75px'>

আমি চারপাশে অনুসন্ধান করেছি এবং .removeAttr()পদ্ধতিটি খুঁজে পেয়েছি তবে কীভাবে এটি যুক্ত করা যায় তা আমি দেখতে পাচ্ছি না, এমনকি এর প্রত্যন্ত অংশগুলিও (শীর্ষের মতো: কেবলমাত্র -75 পিএক্স)।

ধন্যবাদ,

Comments

$('voltaic_holder').style = nullসম্ভবত? স্টাইলগুলির নিজস্ব সম্পূর্ণ বস্তু গাছ রয়েছে। অন্যান্য বৈশিষ্ট্যগুলি হ'ল কী = মান টাইপ ডেটা।

— মার্ক বি

Answer 1

আপনি নিম্নলিখিত কোনও কাজ করতে পারেন

প্রতিটি শৈলীর সম্পত্তি পৃথকভাবে সেট করুন:

$("#voltaic_holder").css("position", "relative");

একাধিক স্টাইলের বৈশিষ্ট্য সেট করুন:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

একটি নির্দিষ্ট শৈলী সরান:

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

সম্পূর্ণ শৈলীর বৈশিষ্ট্যটি সরান:

$("#voltaic_holder").removeAttr("style")

Comments

আমি কি প্রতি লাইনে 1 টি বেশি CSS সম্পত্তি যুক্ত করতে পারি? বা আমার মতো প্রতিটি স্টাইলের সম্পত্তিটির জন্য আমাকে কি করতে হবে: $("#voltaic_holder").css("position", "relative"); $("#voltaic_holder").css("top", "-75");

— এটি

যে উত্তর দিতে, হ্যাঁ আপনি পারেন। .Css () ফাংশনে কেবল কোনও বস্তুর আক্ষরিক ব্যবহার করুন। $ ('Foo') এর মতো। CSS (height 'উচ্চতা': '30px', 'প্রস্থ': '50px';);

— রিচার্ড নিল ইলাগান

@ অ্যাডামআলব্র্যাচ্ট আমি যে নির্দিষ্ট স্টাইলটি যুক্ত করেছি তা কীভাবে মুছে ফেলতে পারি কারণ $ ("# ভোল্টাইক_হোল্ডার") এ। রিমুভ অ্যাট্রিজ ("শৈলী") এটি নতুনভাবে যুক্ত হয়ে ডিফল্টরূপে প্রয়োগকৃত সমস্ত শৈলী মুছে ফেলে।

— 3 বিধি

Answer 2

voltaic_holderস্প্যানটির শৈলীর বৈশিষ্ট্যটি সম্পূর্ণরূপে অপসারণ করতে এটি করুন:

$("#voltaic_holder").removeAttr("style");

একটি বৈশিষ্ট্য যুক্ত করতে, এটি করুন:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

শুধুমাত্র শীর্ষ শৈলী অপসারণ করতে এটি করুন:

$("#voltaic_holder").css("top", "");

Answer 3

আপনি যদি jQuery ব্যবহার করেন তবে CSS যুক্ত করতে CSS ব্যবহার করুন

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

সিএসএস বৈশিষ্ট্য অপসারণ করতে

$("#voltaic_holder").css({'position': '',
    'top': ''});

Comments

আপনি ভোলটাইক_হোল্ডার উপাদান থেকে অবস্থান বা শীর্ষ বৈশিষ্ট্যটি সরাতে পারবেন না, কারণ এতে কোনও বৈশিষ্ট্য নেই। এগুলি শৈলীর বৈশিষ্ট্যে সংযুক্ত CSS বৈশিষ্ট্য।

— পিটার ওলসন

@ পিটার - দোহ! ব্যবহারের জন্য সম্পাদিত.css

— justkt

Answer 4

এটি হ্যান্ডেল করার সহজ উপায় (এবং বুটের সেরা এইচটিএমএল সমাধান) আপনার ব্যবহার করতে চান এমন স্টাইল রয়েছে এমন ক্লাসগুলি স্থাপন করা। তারপরে অ্যাডক্লাস () এবং রিমুভ ক্লাস () , বা এমনকি টগলক্লাস () ব্যবহার করার বিষয়টি সাধারণ বিষয় ।

$('#voltaic_holder').addClass('shiny').removeClass('dull');

অথবা এমনকি

$('#voltaic_holder').toggleClass('shiny dull');

Answer 5

জবাব এখানে রয়েছে কীভাবে জিকুয়েরি ব্যবহার করে পাঠ্য-প্রান্তিককরণের জন্য গতিশীলভাবে একটি শৈলী যুক্ত করা যায়

Answer 6

জন্য jQuery এ .css পদ্ধতি ক্ষেত্রে ! গুরুত্বপূর্ণ নিয়ম প্রয়োগ করা হবে না।

এই ক্ষেত্রে আমাদের .attr ফাংশনটি ব্যবহার করা উচিত ।

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

<div id='voltaic_holder' style='position:absolute;top:-75px !important'>

আপনার ব্যবহার করা উচিত:

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

আশা করি এটি কিছু সাহায্য করবে।

Answer 7

জে ক্যোয়ারী ব্যবহার করে ডিভ থেকে স্টাইল বৈশিষ্ট্য সরান:

$("#TableDiv").removeAttr("style");

জে ক্যোয়ারী ব্যবহার করে ডিভ স্টাইল যুক্ত করুন:

$("#TableDiv").attr("style", "display: none;");

এইচটিএমএল ব্যবহার করে শৈলী যুক্ত করুন:

<div class="row" id="TableDiv" style="display: none;">
</div>

আশা করি এটি সহায়ক হবে :)