কীভাবে jQuery ব্যবহার করে কোনও উপাদানটিতে "স্টাইল = প্রদর্শন:" ব্লক "add যুক্ত করবেন?

Question

কীভাবে style=display:"block"jQuery এ কোনও উপাদান যুক্ত করবেন?

Answer 1

$("#YourElementID").css("display","block");

সম্পাদনা করুন: বা ডেভ থিয়েবেন নীচে তার মন্তব্যে উল্লেখ করেছেন, আপনি এটিও করতে পারেন:

$("#YourElementID").css({ display: "block" });

Comments

বা.css({ display: "block" });

— ডেভে থিবেন

@ ডেভ - বা .css({ "display": "block" });কেবল একটি displayভেরিয়েবলের কারণে যে কোনও সমস্যা শর্ট সার্কিট করতে । - জেএসলিন্ট কোট ছাড়াই সংস্করণটি প্রত্যাখ্যান করবে। ( github.com/douglascrockford/JSLint/issues/110 )

— পিটার

জসন-এস্কো অ্যাসাইনমেন্টটি পাইপগুলিতে নামিয়ে দেওয়ার জন্য দরকারী। আমি এটি পছন্দ করছি

— লুইস রোবলস

Answer 2

প্রদর্শনের সম্পত্তিটি সেট করার উদ্দেশ্য অনুসারে আপনি একবারে নজর দিতে পারেন

$("#yourElementID").show()

এবং

$("#yourElementID").hide()

Answer 3

এই কাজটি করার জন্য একাধিক ফাংশন রয়েছে যা অগ্রাধিকারের ভিত্তিতে নীচে লিখেছিল।

• .css()

মিলিত উপাদানগুলির সেটের জন্য এক বা একাধিক সিএসএস বৈশিষ্ট্য সেট করুন।

$("div").css("display", "block")

// Or add multiple CSS properties
$("div").css({
  display: "block",
  color: "red",
  ...
})

• .show()

ম্যাচ করা উপাদানগুলি প্রদর্শন করুন এবং কল করার জন্য প্রায় সমান.css("display", "block")

.show()পরিবর্তে আপনি উপাদান প্রদর্শন করতে পারেন

$("div").show()

• .attr()

মিলিত উপাদানগুলির সেটের জন্য এক বা একাধিক বৈশিষ্ট্য নির্ধারণ করুন।

যদি লক্ষ্য উপাদানটির বৈশিষ্ট্য নাstyle থাকে তবে আপনি উপাদানটিতে ইনলাইন স্টাইল যুক্ত করতে এই পদ্ধতিটি ব্যবহার করতে পারেন।

$("div").attr("style", "display:block")

// Or add multiple CSS properties
$("div").attr("style", "display:block; color:red")

• জাভাস্ক্রিপ্ট

আপনি যদি jQuery ব্যবহার করতে না চান তবে আপনি খাঁটি জাভাস্ক্রিপ্ট ব্যবহার করে উপাদানগুলিতে নির্দিষ্ট সিএসএস সম্পত্তি যুক্ত করতে পারেন।

var div = document.querySelector("div");
// One property
div.style.display = "block";
// Multiple properties
div.style.cssText = "display:block; color:red"; 
// Multiple properties
div.setAttribute("style", "display:block; color:red");

Answer 4

আপনার যদি একাধিক সংযোজন দরকার হয় তবে আপনি এটির মতো এটি করতে পারেন:

$('#element').css({
    'margin-left': '5px',
    'margin-bottom': '-4px',
    //... and so on
});

একটি ভাল অনুশীলন হিসাবে আমি ড্যাশটিকে অনুমতি দেওয়ার জন্য সম্পত্তিটির নামও কোটসের মধ্যে রাখব কারণ বেশিরভাগ শৈলীতে ড্যাশ রয়েছে। যদি এটি 'প্রদর্শন' হয়, তবে উদ্ধৃতিগুলি alচ্ছিক তবে আপনার যদি ড্যাশ থাকে তবে এটি উদ্ধৃতিগুলি ছাড়া কাজ করবে না। যাইহোক, এটিকে সহজ করার জন্য: এগুলি সর্বদা উদ্ধৃতিতে সংযুক্ত করুন।