সবাইকে শুভ বিকাল। আজ, যেমন আমি পাঠে প্রতিশ্রুতি দিয়েছিলাম, আমরা jQuery ব্যবহার করে CSS শৈলী পরিচালনা করতে ব্যবহৃত পদ্ধতিগুলি দেখব।

আমি আপনাকে মনে করিয়ে দিই যে শৈলীর সাহায্যে আমরা কেবল সংজ্ঞায়িত করতে পারি না চেহারাএকটি ওয়েব পৃষ্ঠায় উপাদান, তবে এর অবস্থান নিয়ন্ত্রণ, দেখান এবং ইচ্ছামতো লুকান, এর আকার পরিবর্তন করুন এবং আরও অনেক কিছু। রূপকভাবে বলতে গেলে, যিনি নিয়ন্ত্রণে অ্যাক্সেস লাভ করেন CSS শৈলী, সে নিজেই ওয়েব পেজ নিয়ন্ত্রণ করে! এবং jQuery তার ব্যবহারকারীদের এই সুযোগ প্রদান করে!

jQuery-এর পদ্ধতির তিনটি বিভাগ রয়েছে: কিছু নির্বাচিত উপাদানগুলিকে ম্যানিপুলেট করে, অন্যরা উপাদানের মান ফিরিয়ে দেয় এবং অন্যরা নিজেরাই উপাদানগুলিকে সংশোধন করে।

যেকোনো উপাদানে একটি শৈলী যোগ করতে, আপনাকে অবশ্যই নিম্নলিখিত পদ্ধতিটি ব্যবহার করতে হবে: .css(নাম, মান)

পৃষ্ঠার শীর্ষ থেকে অনেক দূরে যাওয়ার আগে আসুন নিবন্ধের শিরোনামের শৈলী পরিবর্তন করি। আসুন এটি তৈরি করি, উদাহরণস্বরূপ, লাল:

.

$("#title".css("রঙ", "#cc0000");

এই উদাহরণে, আমি id="title" শনাক্তকারী সহ একটি উপাদান নির্বাচন করেছি, যা সাইটের নাম প্রদর্শনের জন্য দায়ী এবং একটি শৈলী যোগ করেছি যেমন রঙ এবং বোতামগুলি ডিফল্ট শৈলী প্রয়োগ বা ফেরানোর জন্য দায়ী।
CSS-এ প্রযোজ্য নাম এবং মানগুলি প্যারামিটার হিসাবে ব্যবহার করা যেতে পারে: ব্যাকগ্রাউন্ড, বর্ডার, ফন্ট-স্টাইল, রঙ ইত্যাদি।

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

.css((বৈশিষ্ট্য))

$("#টেক্সট").css(("রঙ" : "নীল", "ফন্টস্টাইল" : "ইটালিক", "ফন্ট-ওয়েট" : 900));

এই নির্দেশপূর্ববর্তী অনুচ্ছেদের পাঠ্যের রঙ পরিবর্তন করে নীল করবে এবং ফন্টের ওজন 900 এ সেট করবে।

মনে রাখবেন যে জটিল CSS বৈশিষ্ট্য যেমন ফন্ট-ওয়েট এবং ব্যাকগ্রাউন্ড-কালারও তাদের JvaScript সমতুল্য ব্যবহার করে: fontWeight, backgroundColor, ইত্যাদি।

শৈলীগুলির সাথে কাজ করার অন্যান্য পদ্ধতিগুলি প্রদর্শন করার জন্য, আমি বহু রঙের স্কোয়ারগুলির সাহায্য ব্যবহার করব, যা ইতিমধ্যে এবং এর মতো পাঠগুলিতে আমাকে অনেকবার পরিবেশন করেছে।

আমাকে তাদের তৈরি করার জন্য কোড এবং শৈলীগুলি মনে করিয়ে দিতে দিন:

HTML কোড:

CSS শৈলী:

DivRel (অবস্থান: আপেক্ষিক; প্রস্থ: 600px; উচ্চতা: 275px; সীমানা: ডটেড 1;). বড় (অবস্থান: পরম; প্রস্থ: 200px; উচ্চতা: 200px; বাম: 200px; শীর্ষ: 50px; ব্যাকগ্রাউন্ড-রঙ: লাল; সীমানা :সলিড 1px সাদা; সাদা; টেক্সট-সারিবদ্ধ: ডান; z-সূচী;)। 1px সাদা; টেক্সট-সারিবদ্ধ: ডান; z-সূচী; ডান; z-সূচক: 2;) .নীল (অবস্থান: পরম; প্রস্থ: 100px; বাম: 300px; শীর্ষ: 100px; ব্যাকগ্রাউন্ড -রং: নীল; সীমানা: সলিড 1px সাদা; রঙ: সাদা; z-সূচক:3;

আসুন কোন উপাদানে একটি CSS ক্লাস অপসারণ এবং বরাদ্দ করা বিবেচনা করুন:
.RemoveClass(শ্রেণী)
.addClass(শ্রেণী)

$("#style2").ক্লিক(function())( $("#divRel1 > div:first").removeClass(); )); $("#rstyle2").ক্লিক(function())( $("#divRel1 > div:first").addClass("big"); ));

বোতামে ক্লিক করার জন্য এই নির্দেশনা: "ক্লাস মুছুন" শনাক্তকারী id="divRel1"-এ থাকা প্রথম চাইল্ড এলিমেন্ট থেকে ক্লাসটি সরিয়ে দেবে এবং বোতামে ক্লিক করার পরে এটিতে class class="big" যোগ করবে: "ক্লাস যোগ করুন"।

নিম্নলিখিত পদ্ধতিটি একটি উপাদানের সাথে নির্দিষ্ট শ্রেণী যোগ করে যদি এটি বিদ্যমান না থাকে, অথবা যদি উপাদানটির ইতিমধ্যে একটি থাকে তবে এই শ্রেণীটি সরিয়ে দেয়:
.toggleClass(শ্রেণী)

রঙিন স্কোয়ারের চারপাশের ফ্রেমের মধ্যে মাউস দিয়ে ক্লিক করার চেষ্টা করুন। পটভূমির রঙ পর্যায়ক্রমে পরিবর্তন হবে।

$("#divRel1").ক্লিক(ফাংশন () ( $(এই).toggleClass("হলুদ"); ));

এবং আপনি পদ্ধতিগুলি ব্যবহার করে যথাক্রমে উপাদান উপাদানটির প্রস্থ এবং উচ্চতা (প্রথম লাইন) পেতে এবং সেট (দ্বিতীয় লাইন) করতে পারেন:
.width()
প্রস্থ (মান)
উচ্চতা()
উচ্চতা(মান)

$("#divRel1 > div:last").toggle(function())( $(this).width(200).height(170); ),function())($(this).width(100) উচ্চতা (100%);

উপরে দেখানো কোডটি id="divRel1" এর শেষ :শেষ উপাদানটি নির্বাচন করে এবং নীল বর্গক্ষেত্রে ক্লিক করার সময় ডিফল্ট মান পরিবর্তন বা পুনরুদ্ধার করতে টগল সুইচ ব্যবহার করে। শৈলী টুলটিপে একটি বৈশিষ্ট্য সংজ্ঞায়িত করা হয়েছে: cursor:pointer।

এটি একটি খুব আকর্ষণীয় এবং গুরুত্বপূর্ণ বৈশিষ্ট্য jQuery পদ্ধতি: এগুলি পরামিতি সেট করতে এবং এই পরামিতিগুলির মানগুলি পেতে উভয়ই ব্যবহৃত হয়।

কিন্তু যে সব না! jQuery আপনাকে, যদি প্রয়োজন হয়, HTML পৃষ্ঠার সাথে যুক্ত CSS ফাইল মুছে ফেলতে এবং একটি নতুন আবদ্ধ করার অনুমতি দেয়:
$("লিঙ্ক").attr("href", "Alternative.css");

আপনার পছন্দ অনুযায়ী jQuery শৈলী বা কোড পরিবর্তন করার চেষ্টা করুন। আমি ভাবছি আপনি কি করতে পারেন?

তারিখ: 2011-06-28

টুইট

লাইক

নোটে মন্তব্য:

মহান নিবন্ধ. সবকিছু পরিষ্কার। ধন্যবাদ

এই কারণেই আমরা দূরবর্তী কর্মচারীদের নিয়োগ করি যারা কাজ করবে, অর্থাৎ লাইক দেবে এবং এর জন্য বেতন পাবে।

আপনাকে শুধু আমাদের পরিষেবাতে নিবন্ধন করতে হবে। > www.oplata-vklike.tk<

আমরা আপনাকে সিস্টেমে বিনিয়োগ ছাড়াই কাজ অফার করি স্বয়ংক্রিয় অভ্যর্থনাএবং অর্ডার প্রক্রিয়াকরণ।

আমরা প্রদান করি:

আমাদের লাইসেন্সকৃত সফটওয়্যার।
- সমস্ত প্রয়োজনীয় অতিরিক্ত তথ্য সহ নথি। তথ্য
- ধ্রুবক প্রযুক্তিগত সহায়তা.

প্রতিদিন 5500 থেকে পেমেন্ট। প্রতিদিন পেমেন্ট।

আরও বিস্তারিত তথ্যআমাদের ওয়েবসাইটে >> obrabotka.zarplatt.ru realno-money.tk< Скопируйте и вставьте в адресную строку Вашего браузера.

আমাদের পরিষেবা তাদের গ্রাহকদের জন্য ফটোতে প্রকৃত লাইক প্রদান করে যারা গুণমানের জন্য অর্থ প্রদান করতে ইচ্ছুক।

এই কারণেই আমরা দূরবর্তী কর্মচারীদের নিয়োগ করি যারা কাজ করবে, অর্থাৎ লাইক দেবে এবং এর জন্য অর্থ উপার্জন করবে।

আমাদের দূরবর্তী কর্মচারী হতে এবং পছন্দ শুরু করতে, প্রতি 1 লাইক 45 রুবেল উপার্জন করার সময়,

আপনাকে শুধু আমাদের পরিষেবাতে নিবন্ধন করতে হবে। > oplata-vklike.tk<

কয়েক মিনিটের মধ্যে প্রতিদিন উপার্জিত তহবিল প্রত্যাহার।

11,000 রুবেল পর্যন্ত দৈনিক পেমেন্ট সহ ইন্টারনেটের মাধ্যমে কাজ করুন।

আমাদের ওয়েবসাইটে নিবন্ধন করুন। > www.airline-rabota.tk<

আমি সাজেস্ট করি। ইন্টারনেটে উত্তেজনাপূর্ণ কাজ. অভিজ্ঞতা নেই। 5000 রুবেল থেকে আত্মবিশ্বাসী আয়। প্রতিদিন এই সিস্টেম একেবারে সবার কাছে বোধগম্য।
আপনাকে সারাদিন কাজ করতে হবে না! কাজের জন্য দিনে কয়েক ঘন্টা ব্যয় করা যথেষ্ট।
ভাবা বন্ধ করুন যে আপনি ওয়ার্ল্ড ওয়াইড ওয়েবে অর্থ উপার্জন করতে পারবেন না, আপনি ইন্টারনেটে অর্থোপার্জন করতে পারেন!
প্রত্যেকের জন্য সহজ এবং বোধগম্য উপায়ে. সবচেয়ে গুরুত্বপূর্ণ জিনিস সৎ হতে হয়!
আপনি নিজেই অপারেটিং মোড সেট করতে পারেন।
আরো বিস্তারিত তথ্য আমাদের ওয়েবসাইটে আছে. > http://oplata-vklike.tk< скопируйте и вставьте в адресную строку вашего браузера.

এই কারণেই আমরা দূরবর্তী কর্মচারীদের নিয়োগ করি যারা কাজ করবে, অর্থাৎ লাইক দেবে এবং এর জন্য অর্থ উপার্জন করবে।

আমাদের দূরবর্তী কর্মচারী হতে এবং পছন্দ শুরু করতে, প্রতি 1 লাইক 45 রুবেল উপার্জন করার সময়,

আপনাকে শুধু আমাদের পরিষেবাতে নিবন্ধন করতে হবে। > http://oplata-vklike.tk/<

কয়েক মিনিটের মধ্যে প্রতিদিন উপার্জিত তহবিল প্রত্যাহার।

একটি বেসরকারী বিনিয়োগকারীর পাশাপাশি ক্রেডিট প্রতিষ্ঠানের কাছ থেকে ঋণ পেতে সাহায্য করার জন্য একটি অনন্য পরিষেবা। কোম্পানি এবং ব্যক্তি উভয়ের জন্য উপযুক্ত।

একটি বেসরকারি বিনিয়োগকারী থেকে ঋণ।

আমাদের কোম্পানি বিনিয়োগকারী এবং ঋণগ্রহীতার সাথে দেখা করতে সাহায্য করে।

বিনিয়োগকারীর সাথে সরাসরি যোগাযোগ
কোন ক্রেডিট ইতিহাস
আপনার যা দরকার তা হল একটি পাসপোর্ট
আমরা ব্যক্তি এবং কোম্পানির সাথে কাজ করি
যে কোন অঞ্চল
5,000 থেকে 50,000,000 রুবেল পর্যন্ত পরিমাণ
অনুমোদনের হার 97%

সুবিধা:

কোন জামানত বা গ্যারান্টি নেই!
- হার - প্রতি মাসে মাত্র 1% থেকে!
- কোন লুকানো ফি বা কমিশন!

আমাদের ওয়েবসাইটে একটি আবেদন জমা দিন. > www.ch-investor.tk http://oplata-vklike.tk/<

কয়েক মিনিটের মধ্যে প্রতিদিন উপার্জিত তহবিল প্রত্যাহার।

এয়ারলাইন টিকিট বিক্রিতে রাশিয়া এবং সিআইএস দেশগুলির শীর্ষস্থানীয় সংস্থা

A/V টিকিট বিক্রি করে সবচেয়ে বড় আন্তর্জাতিক কোম্পানি
জরুরীভাবে সাধারণের জন্য স্থায়ী ভিত্তিতে কর্মচারী নিয়োগ করছে
11,000 রুবেল থেকে দৈনিক পেমেন্ট সহ ইন্টারনেটের মাধ্যমে কাজ করুন।

আমাদের কোম্পানিতে কাজ করলে আপনি পাবেন:

শ্রম কোডের সাথে সম্মতি
- সম্পূর্ণ বেনিফিট প্যাকেজ, বেতনের ছুটি, অসুস্থ ছুটি, স্যানিটোরিয়াম।
- বাড়িতে আমাদের কর্মচারীদের প্রত্যেকের উচ্চ আয় পাওয়ার নিশ্চয়তা রয়েছে। ঘষা প্রতিদিন
- অর্জিত অর্থের গ্যারান্টিযুক্ত স্থিতিশীল পেমেন্ট।
- পেমেন্ট প্রতিদিন ঘটবে ব্যাংক কার্ডবা ইলেকট্রনিক ওয়ালেট।

আমাদের ওয়েবসাইটে নিবন্ধন করুন। > http://airline-rabota.tk/<

কোন বিনিয়োগ, কোন অভিজ্ঞতা বা পেশাদারী দক্ষতা প্রয়োজন!

jQuery-এর পদ্ধতির তিনটি বিভাগ রয়েছে: কিছু ম্যানিপুলেট উপাদান যা একটি প্যাটার্নের সাথে মেলে; দ্বিতীয়টি উপাদানটির মান ফিরিয়ে দেয় এবং তৃতীয়টি উপাদানগুলিকে পরিবর্তন করে।

আজ আমরা সিএসএস শৈলীর জন্য ব্যবহৃত পদ্ধতিগুলি দেখব।

সুতরাং, যেকোনো উপাদানে একটি শৈলী যোগ করতে, আপনাকে নিম্নলিখিত পদ্ধতিটি ব্যবহার করতে হবে:

.css (নাম, মান)

উদাহরণ:

$("div").css("বর্ডার", "1px কঠিন নীল");

এই নির্দেশটি একটি নীল বর্ডার দিয়ে ডিভকে ঘিরে রাখবে।

এখানে ব্যবহৃত প্যারামিটারগুলি হল নাম এবং মানগুলি প্রযোজ্য: , ফন্ট-স্টাইল, রঙ, ইত্যাদি।

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

.css((বৈশিষ্ট্য))

উদাহরণ:

$("div").css(( সীমানা:"1px কঠিন নীল", ফন্টওয়েট:"বোল্ডার", ব্যাকগ্রাউন্ড কালার:"লাল" ));

এই নির্দেশটি একটি নীল সীমানা সহ একটি ডিভের রূপরেখা তৈরি করবে, পটভূমিকে লাল করে তুলবে এবং পাঠ্যকে বোল্ড করবে।

মনে রাখবেন যে জটিল CSS বৈশিষ্ট্য যেমন ফন্ট-ওয়েট এবং ব্যাকগ্রাউন্ড-কালার তাদের JS সমতুল্য ব্যবহার করে: ফন্টওয়েট, ব্যাকগ্রাউন্ড কালার ইত্যাদি।

আমরা শৈলীগুলির সাথে কাজ করার জন্য অন্যান্য পদ্ধতি তালিকাভুক্ত করি:

• .addClass(শ্রেণী)

  উদাহরণ:

  $("p:last").addClass("main");

  এই বিবৃতিটি অনুচ্ছেদের শেষ উপাদানটিতে প্রধান শ্রেণী যুক্ত করবে।

• .RemoveClass(শ্রেণী)

  উদাহরণ:

  $("p:ইভেন").রিমুভক্লাস("প্রধান");

  এই নির্দেশটি সমস্ত জোড়-সংখ্যাযুক্ত অনুচ্ছেদ থেকে মূল শ্রেণীটিকে সরিয়ে দেবে।

• .toggleClass(শ্রেণী)

  উদাহরণ:

  $("p").toggleClass("main");

  এই নির্দেশটি উপস্থিত থাকলে, সমস্ত অনুচ্ছেদ থেকে প্রধান শ্রেণীটি সরিয়ে দেবে। এবং এটি অনুপস্থিত হলে এই ক্লাস যোগ করবে।

• .offset()

  উদাহরণ:

  var offDiv=$("div").offset();

  এই নির্দেশ আপনাকে একটি উপাদানের জন্য প্রাপ্ত করার অনুমতি দেয়. একটি নির্দিষ্ট সম্পত্তির মান পেতে, আপনাকে নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করতে হবে: বাম ইন্ডেন্টের জন্য offset.left এবং শীর্ষ ইন্ডেন্টের জন্য offset.top।

• উচ্চতা(মান)

  উদাহরণ:

  $("div").উচ্চতা(); $("div").উচ্চতা(200);

  এই নির্দেশ আপনাকে (প্রথম লাইন) পেতে এবং উপাদানটির উচ্চতা (দ্বিতীয় লাইন) সেট করতে দেয়।

• প্রস্থ (মান)

  উদাহরণ:

  $("div"). প্রস্থ(); $("div"). প্রস্থ(200);

  এই নির্দেশ আপনাকে (প্রথম লাইন) পেতে এবং উপাদানটির প্রস্থ (দ্বিতীয় লাইন) সেট করতে দেয়।

  আরেকটি উদাহরণ:

  var widDiv=$("div").width(); $("div.fir"). প্রস্থ(300);

  প্রথম লাইনটি widDiv ভেরিয়েবলের সাথে প্রথম ডিভের প্রস্থ লিখবে। দ্বিতীয় নির্দেশটি ক্লাস ফারের ডিভগুলিকে 300 পিক্সেল চওড়াতে সেট করবে।

  এই খুব আকর্ষণীয় বৈশিষ্ট্য jQuery পদ্ধতি: এগুলি প্যারামিটার সেট করতে (যখন 2টি আর্গুমেন্ট গ্রহণ করা হয়) এবং এই প্যারামিটারগুলির মান (যদি একটি আর্গুমেন্ট পাস করা হয়) পেতে উভয়ই ব্যবহার করা হয়।

আসুন আমরা যে জ্ঞান অর্জন করেছি তা ব্যবহার করি এই মত ট্যাবগুলির সাথে একটি মেনু তৈরি করতে (ট্যাবগুলিতে ক্লিক করুন): jQuery - CSS

ট্যাব 1

ট্যাব 2

ট্যাব 3

ট্যাব 4

সুতরাং, পেজের এইচটিএমএল কোডটি নিম্নরূপ: jQuery - CSS

ট্যাব 1

ট্যাব 2

ট্যাব 3

ট্যাব 4

আপনি দেখতে পারেন, সব ট্যাব আছে অভিন্ন শৈলী, vkl ক্লাস দ্বারা সংজ্ঞায়িত, এবং নির্বাচিত ট্যাবে নির্বাচিত শ্রেণী রয়েছে। আমরা পৃষ্ঠা style.css-এ চেহারা লিখব

Vkl( float:left; width:140px; height:28px; background:#E5BA83; color:white; font-size:20px; বর্ডার-ডান:1px কঠিন সাদা; প্যাডিং-বাম:10px; ) #content( width:603px ; উচ্চতা: 100px; ব্যাকগ্রাউন্ড:#CCA675

সবচেয়ে আকর্ষণীয় জিনিস অবশেষ, যথা chang() ফাংশন:

ফাংশন পরিবর্তন(গুলি)( $("selected").removeClass("selected");$(s).addClass("selected"); )

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

পরবর্তী পাঠে, আমরা শিখব কিভাবে jQuery ব্যবহার করে একটি পৃষ্ঠায় html কোডের সম্পূর্ণ টুকরা সন্নিবেশ করাতে এবং ম্যানিপুলেট করতে হয়।

07/04/2012 রোমচিক

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

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

attr() পদ্ধতি

attr(কী, মান) পদ্ধতিটি একটি উপাদানের একটি বৈশিষ্ট্যের মান ফেরত বা পরিবর্তন করতে ব্যবহৃত হয়, যেখানে:

• কী - বৈশিষ্ট্যের নাম
• মান — বৈশিষ্ট্যের মান (যদি একটি মান নির্দিষ্ট করা হয় তবে এটি পরিবর্তন করে, অন্যথায় এটি কেবল ফেরত দেয়)

উদাহরণস্বরূপ, id=test সহ একটি div আছে প্রস্থ=300px এবং আমরা এর প্রস্থ জানতে চাই

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("#টেস্ট").attr("প্রস্থ"); ))

removeAttr() পদ্ধতি

removeAttr(কী) পদ্ধতি - নির্দিষ্ট বৈশিষ্ট্য সরিয়ে দেয়, যেখানে:

• কী - বৈশিষ্ট্যের নাম

উদাহরণস্বরূপ, আমাদের কাছে id=test এবং width=300px সহ একটি div আছে এবং আমরা এই বৈশিষ্ট্যটি সরাতে চাই:

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("#টেস্ট")।রিমুভঅ্যাটর("প্রস্থ"); ))

addClass() পদ্ধতি

addClass(নাম) পদ্ধতি - নামের নামের সাথে নির্বাচিত উপাদানে একটি ক্লাস যোগ করে।
উদাহরণস্বরূপ, id=test দিয়ে div-এ উদাহরণ ক্লাস যোগ করা যাক:

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("#টেস্ট")।addClass("উদাহরণ"); ))

রিমুভ ক্লাস() পদ্ধতি

RemoveClass(name) পদ্ধতি - নাম নাম সহ উপাদান থেকে ক্লাস সরিয়ে দেয়।
উদাহরণস্বরূপ, আমাদের কাছে id=test সহ একটি div আছে এবং আমরা এই div থেকে আমাদের ক্লাসটি সরাতে চাই:

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("#টেস্ট")।রিমুভক্লাস("উদাহরণ"); ))

css() পদ্ধতি

পদ্ধতি css(নাম, মান) - আপনাকে পেতে অনুমতি দেয় css বৈশিষ্ট্যনাম নাম সহ উপাদান সম্পর্কে (যদি এই সম্পত্তির মান দ্বিতীয় প্যারামিটারে নির্দিষ্ট করা না থাকে) বা পরিবর্তন css মানমানের মানের সাথে নামের নামের বৈশিষ্ট্যগুলি (যদি দ্বিতীয় প্যারামিটার মানটি নির্দিষ্ট করা থাকে)
উদাহরণস্বরূপ আমাদের h1 শিরোনাম রয়েছে এবং আমরা ফন্টের আকার 20px এ পরিবর্তন করতে চাই, তারপর:

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("h1").css("ফন্ট-সাইজ",20); ))

অ্যানিমেট() পদ্ধতি

এখন পর্যন্ত আমরা কেবলমাত্র উপাদানগুলির বৈশিষ্ট্যগুলি পরিবর্তন করার দিকে নজর দিয়েছি, তবে jQuery-এর আরেকটি দুর্দান্ত পদ্ধতি রয়েছে যা আপনাকে একটি উপাদানের বৈশিষ্ট্যগুলিকে মসৃণভাবে পরিবর্তন করতে দেয়, যেন এটি অ্যানিমেটিং করা হয়। এটি অ্যানিমেট (সেটিংস, সময়, ফাংশন) পদ্ধতি, যেখানে:

• সেটিং - বৈশিষ্ট্য যা তাদের মান পরিবর্তন করবে
• সময় — সময় যে সময়ে এই বৈশিষ্ট্য মান পরিবর্তন হবে
• ফাংশন এমন একটি ফাংশন যা পরিবর্তন হওয়ার পরে কার্যকর করা শুরু করবে।

উদাহরণস্বরূপ, আমাদের কাছে id=test এবং width=1000px সহ একটি div আছে। আমরা 4 সেকেন্ডে এই ডিভের প্রস্থ 500px এ পরিবর্তন করতে চাই।

$(ডকুমেন্ট)।রেডি(ফাংশন())( $("#টেস্ট")।অ্যানিমেট(("প্রস্থ":"500px"),4000

এখানেই আমি jQuery পদ্ধতিতে উত্সর্গীকৃত পোস্টটি শেষ করি যা উপাদান বৈশিষ্ট্যগুলির সাথে কাজ করে, এলিমেন্ট ক্লাস যুক্ত করা (সরানো) এবং উপাদানগুলির সিএসএস বৈশিষ্ট্যগুলি (সম্পাদনা) পায়।

এই টিউটোরিয়ালটি একটি পৃষ্ঠায় বিদ্যমান উপাদানগুলিকে কীভাবে ম্যানিপুলেট করতে হয় তা কভার করে:

• empty() , remove() , detach() এবং unwrap() পদ্ধতি ব্যবহার করে একটি পৃষ্ঠা থেকে উপাদানগুলি সরানো হচ্ছে
• ReplaceWith() এবং replaceAll() পদ্ধতি ব্যবহার করে নতুন উপাদান দিয়ে উপাদান প্রতিস্থাপন করা
• একটি পৃষ্ঠায় একটি অভিভাবক উপাদান থেকে অন্য উপাদান সরানো

একটি পৃষ্ঠা থেকে উপাদান অপসারণ একটি উপাদানের ভিতরে সবকিছু সরানো: খালি()

খালি() পদ্ধতি হল সবচেয়ে সহজ উপায়পৃষ্ঠা থেকে বিষয়বস্তু অপসারণ। jQuery অবজেক্টে empty() মেথড কল করলে jQuery অবজেক্টের উপাদান (বা উপাদান) এর সাথে সম্পর্কিত সেট থেকে সমস্ত বিষয়বস্তু সরিয়ে ফেলা হয়।

অন্য কথায়, empty() পদ্ধতি সেটের প্রতিটি উপাদান থেকে সমস্ত উত্তরাধিকারসূত্রে প্রাপ্ত উপাদান এবং নোড (যেমন টেক্সট নোড) সরিয়ে দেয়, উপাদানটিকে খালি রাখে।

উদাহরণ দুটি div উপাদান থেকে বিষয়বস্তু সরিয়ে দেয়:

$(init); ফাংশন init() ( // #myDiv1 এবং #myDiv2 $(."emptyMe").empty(); ) এর বিষয়বস্তু মুছুন

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

উপরের কোডটি কার্যকর করার পরে, পৃষ্ঠার বিষয়বস্তু এতে পরিবর্তন হবে:

একটি সম্পূর্ণ উপাদান সরানো হচ্ছে: remove()

যদিও empty() মেথড একটি এলিমেন্টের ভেতরের সবকিছু মুছে দেয়, রিমুভ() মেথডটি এলিমেন্ট সহ সবকিছু সরিয়ে দেয়। যেমন:

$(init); ফাংশন init() ( // #myDiv1 এবং #myDiv2 সম্পূর্ণভাবে $(."removeMe") সরান। সরান(); )

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

টেক্সট নোড যেমন আছে

উপরের কোডটি কার্যকর করার পরে, উভয় div উপাদান পৃষ্ঠা থেকে সরানো হবে:

আপনি রিমুভ() পদ্ধতিতে শর্তসাপেক্ষ নির্বাচক সহ একটি স্ট্রিং পাস করতে পারেন। এই ক্ষেত্রে, উপাদানগুলি সরানো হবে নির্বাচক দ্বারা ফিল্টার করা হবে। যেমন:

$(init); ফাংশন init() ( // শুধুমাত্র #myDiv2 $(."removeMe") সরান।রিমুভ(":contains("অন্য অনুচ্ছেদ")");)

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

টেক্সট নোড যেমন আছে

উপরের উদাহরণে, শুধুমাত্র যে div উপাদানটিতে removeMe ক্লাস আছে তা মুছে ফেলা হবে এবং"অন্য অনুচ্ছেদ" পাঠ্য সহ। বাকি সবকিছু পৃষ্ঠায় থাকবে:

পাঠ্য সহ অনুচ্ছেদ

একটি উপাদানের ডেটা ধ্বংস না করে অপসারণ করা: বিচ্ছিন্ন()

রিমুভ() পদ্ধতিটি একটি jQuery অবজেক্ট রিটার্ন করে যাতে সরানো উপাদান রয়েছে। তাত্ত্বিকভাবে, আপনি পৃষ্ঠার এক জায়গা থেকে উপাদানগুলি সরাতে পারেন এবং তারপরে সেগুলিকে যে কোনও জায়গায় পুনরায় সংযুক্ত করতে পারেন৷

যাইহোক, সম্পদ সংরক্ষণ করতে এবং সম্ভাব্য মেমরি লিক সমস্যা এড়াতে, remove() পদ্ধতিটি সরানো উপাদানের সাথে যুক্ত সমস্ত jQuery ডেটা এবং ইভেন্টগুলিকে সরিয়ে দেয়। উদাহরণস্বরূপ, যদি একটি উপাদান একটি jQuery ক্লিক ইভেন্ট বরাদ্দ করা হয়, এবং তারপর উপাদানটি remove() পদ্ধতি ব্যবহার করে পৃষ্ঠা থেকে সরানো হয়, উপাদান থেকে ক্লিক ইভেন্ট মুছে ফেলা হবে। যদি আপনি পরে উপাদানটিকে পৃষ্ঠায় ফিরিয়ে দিতে এবং এর কার্যকারিতা পুনরুদ্ধার করতে চান তবে এটি একটি সমস্যা সৃষ্টি করতে পারে।

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

উদাহরণ। নিম্নলিখিত স্ক্রিপ্টটি পৃষ্ঠার দুটি অনুচ্ছেদের প্রতিটিতে একটি jQuery ক্লিক ইভেন্ট বরাদ্দ করে। উভয় ইভেন্ট হ্যান্ডলারই অনুচ্ছেদের জন্য CSS "লাল" শ্রেণীকে টগল করে লাল থেকে কালো বা প্রতিবার ক্লিক করার সময় আবার রঙ পরিবর্তন করে।

তারপর স্ক্রিপ্টটি রিমুভ() পদ্ধতি ব্যবহার করে পৃষ্ঠা থেকে প্রথম অনুচ্ছেদটি সরিয়ে দেয় এবং jQuery অবজেক্টটি সংরক্ষণ করে যা myDiv1Para ভেরিয়েবলে অনুচ্ছেদটি ধারণ করে। তারপর আমরা appendTo() পদ্ধতি ব্যবহার করে প্যারেন্ট ডিভিতে অনুচ্ছেদটি পুনরায় সংযুক্ত করি।

আমরা দ্বিতীয় অনুচ্ছেদের সাথে একই জিনিস করি, কিন্তু আমরা remove() পদ্ধতির পরিবর্তে detach() পদ্ধতি ব্যবহার করি।

< p.red { color: red; } $(init); function init() { // Назначаем событие click каждому параграфу div $("#myDiv1>p").click(function() ( $(this).toggleClass("red"); ));$("#myDiv2>p").ক্লিক(function() ( $(this).toggleClass("red) "); )); // অনুচ্ছেদটি মুছুন এবং পুনরুদ্ধার করুন #myDiv1 var myDiv1Para = $("#myDiv1>p").remove(); myDiv1Para.appendTo("#myDiv1"); // অনুচ্ছেদটি মুছুন এবং পুনরুদ্ধার করুন # myDiv2 var myDiv2Para = $("#myDiv2>p").detach( myDiv2Para.appendTo("#myDiv2" )

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

এই স্ক্রিপ্টটি কার্যকর করার পরে, প্রথম অনুচ্ছেদটি তার ক্লিক ইভেন্ট হ্যান্ডলার হারাবে এবং দ্বিতীয় অনুচ্ছেদটি তার সম্পূর্ণ কার্যকারিতা বজায় রাখবে। আপনি আপনার ব্রাউজারে পৃষ্ঠাটি খুলে চেক করতে পারেন। আপনি যদি দ্বিতীয় অনুচ্ছেদে মাউস বোতাম টিপুন, এটি রঙ পরিবর্তন করবে, কিন্তু প্রথমটি মাউসের ক্রিয়াকলাপের জন্য কোনোভাবেই প্রতিক্রিয়া দেখাবে না।

এর কারণ হল remove() পদ্ধতি প্রথম অনুচ্ছেদের জন্য ইভেন্ট হ্যান্ডলারকে সরিয়ে দিয়েছে, কিন্তু detach() পদ্ধতিটি দ্বিতীয় অনুচ্ছেদের জন্য ক্লিক ইভেন্ট হ্যান্ডলারকে ধরে রেখেছে।

একটি অভিভাবক উপাদান সরানো হচ্ছে: unwrap()

unwrap() পদ্ধতি DOM থেকে একটি উপাদানের অভিভাবক (বা উপাদানের পিতামাতার সেট) সরিয়ে দেয়। উপাদানটি DOM-এ এর মূল উপাদানটির স্থান নেবে।

নিম্নলিখিত উদাহরণ একটি div বিষয়বস্তু প্রসারিত. অন্য কথায়, div এর বিষয়বস্তুর সাথে প্রতিস্থাপিত হয়:

$(init); ফাংশন init() ( // #myDiv উপাদানটি সরান, তবে এর বিষয়বস্তু $("#myPara").unwrap();)

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

উপরের কোডটি কার্যকর করার পরে, পৃষ্ঠার বিষয়বস্তুটি এরকম দেখাবে:

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ আরেকটি অনুচ্ছেদ

উপাদান প্রতিস্থাপন নতুন বিষয়বস্তুর সাথে একটি উপাদান প্রতিস্থাপন করে: replaceWith()

ReplaceWith() পদ্ধতি আপনাকে একটি উপাদান বা উপাদানের সেটকে নতুন সামগ্রী দিয়ে প্রতিস্থাপন করতে দেয়। আপনি নিম্নলিখিত ফর্মগুলির যেকোনো একটিতে প্রতিস্থাপন সামগ্রী জমা দিতে পারেন:

• একটি এলিমেন্ট অবজেক্ট যা জাভাস্ক্রিপ্ট DOM ফাংশন ব্যবহার করে তৈরি করা হয় যেমন document.getElementById() বা document.createElement()
• HTML স্ট্রিং প্রতিস্থাপন বিষয়বস্তু প্রতিনিধিত্ব করে
• উপাদান (বা উপাদান) ধারণকারী একটি jQuery অবজেক্ট যা প্রতিস্থাপনের জন্য ব্যবহার করা হবে
• একটি কলব্যাক ফাংশন যা প্রতিস্থাপন HTML কোড প্রদান করবে

নীচে একটি উদাহরণ যা দেখায় যে রিপ্লেস উইথ() পদ্ধতিটি কাজ করে। প্রথম অনুচ্ছেদটি একটি নতুন দিয়ে প্রতিস্থাপিত হয়েছে এইচটিএমএল স্ট্রিং, দ্বিতীয় অনুচ্ছেদটি উপাদান বস্তু দ্বারা প্রতিস্থাপিত হয়, এবং তৃতীয় অনুচ্ছেদটি একটি ফাংশনের ফলাফল দ্বারা প্রতিস্থাপিত হয় যা বর্তমান সময় প্রদান করে:

$(init); ফাংশন init() ( // #myDiv1-এর অনুচ্ছেদটিকে একটি নতুন অনুচ্ছেদ $("#myDiv1>p") দিয়ে প্রতিস্থাপন করুন। ReplaceWith("

পাঠ্য সহ নতুন অনুচ্ছেদ

"); // অনুভূমিক লাইন দিয়ে #myDiv2-এ অনুচ্ছেদটি প্রতিস্থাপন করুন var hr = document.createElement("hr"); $("#myDiv2>p").replaceWith(hr); // #myDiv3-এ অনুচ্ছেদটি প্রতিস্থাপন করুন বর্তমান সময়ের সাথে একটি লাইন $("#myDiv3>p").replaceWith(currentTime) ফাংশন currentTime() ( var currentTime = new Date(); var currentHours = currentTime.getHours(); var currentMinutes = currentTime.getMinutes ();< 10 ? "0" : "") + currentMinutes; currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds; return ("

বর্তমান সময়: " + বর্তমান ঘন্টা + ":" + বর্তমান মিনিট + ":" + বর্তমান সেকেন্ড + "

"); } }

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ অনুচ্ছেদ

কোডটি কার্যকর করার পরে, পৃষ্ঠার বিষয়বস্তুটি এরকম দেখাবে:

পাঠ্য সহ নতুন অনুচ্ছেদ

বর্তমান সময়: 13:52:17

replaceAll() : replaceWith() পদ্ধতির বিকল্প

ReplaceAll() পদ্ধতিটি replaceWith() পদ্ধতির মতো একই কাজ করে, কিন্তু প্রতিস্থাপন বিষয়বস্তুকে একটি যুক্তি হিসাবে পাস করার পরিবর্তে, আপনাকে প্রতিস্থাপনের জন্য উপাদানটি পাস করতে হবে।

উদাহরণস্বরূপ, কোডের নিম্নলিখিত 2 লাইন একই জিনিস করে:

$("#myDiv").replaceWith("

এখানে নতুন টেক্সট

"); $("

এখানে নতুন টেক্সট

").প্রতিস্থাপন সমস্ত("#myDiv");

চলন্ত উপাদান

এখন আপনি কিভাবে উপাদান অপসারণ এবং প্রতিস্থাপন জানেন. প্রশ্ন থেকে যায়: কিভাবে DOM গাছ বরাবর উপাদান সরাতে? উদাহরণস্বরূপ, একটি div উপাদানের ভিতরে একটি অনুচ্ছেদ রয়েছে এবং আপনাকে এটিকে অন্য ডিভ-এ সরাতে হবে।

যদিও jQuery-এর DOM-এর চারপাশে উপাদানগুলি সরানোর জন্য একটি নির্দিষ্ট পদ্ধতি নেই, এটি আসলে খুব সহজ। আপনাকে যা করতে হবে তা হল আপনি যে উপাদানগুলি সরাতে চান তা হাইলাইট করুন; তারপরে একটি "অ্যাপেন্ড" পদ্ধতি কল করুন, যেমন append() , appendTo() , বা prepend() , নির্বাচিত উপাদানটিকে অন্য প্যারেন্ট এলিমেন্টে যুক্ত করতে। jQuery স্বয়ংক্রিয়ভাবে সনাক্ত করবে যে উপাদান(গুলি) ইতিমধ্যেই পৃষ্ঠায় বিদ্যমান এবং সেগুলিকে নতুন অভিভাবকের কাছে নিয়ে যাবে৷

উদাহরণটি বর্ণিত প্রক্রিয়াটি পুনরুত্পাদন করে। অনুচ্ছেদ প্রথম থেকে সরানো divদ্বিতীয়টিতে:

$(init); ফাংশন init() ( // অনুচ্ছেদটি #myDiv1 থেকে #myDiv2 $("#myDiv2") এ সরান।অ্যাপেন্ড($("#myDiv1>p"));)

পাঠ্য সহ অনুচ্ছেদ

কোডটি কার্যকর করার পরে, পৃষ্ঠাটি এরকম দেখাবে:

পাঠ্য সহ অনুচ্ছেদ

এবং এখানে একটি উপাদান সরানোর আরেকটি উপায় আছে:

// অনুচ্ছেদটি #myDiv1 থেকে #myDiv2 $("#myDiv1>p") এ সরান।appendTo($("#myDiv2"));

// অনুচ্ছেদটি #myDiv1 থেকে #myDiv2 var para = $("#myDiv1>p") এ সরান;

para.prependTo("#myDiv2");

// অনুচ্ছেদটিকে #myDiv1 থেকে #myDiv2 তে সরান // এটিকে স্পষ্টভাবে বিচ্ছিন্ন করে একটি নতুন অবস্থানে যোগ করে $("#myDiv1>p").detach().prependTo("#myDiv2");

উদাহরণ 3 একটি খুব দরকারী jQuery কৌশল প্রদর্শন করে: পদ্ধতি বাইন্ডিং। যেহেতু বেশিরভাগ jQuery পদ্ধতি অবজেক্ট রিটার্ন করে, তাই আপনি রিটার্ন করা অবজেক্টে অন্য পদ্ধতি কল করতে পারেন। যা পরবর্তী jQuery অবজেক্ট এবং তাই ফেরত দেবে।

পাঠ্য সহ অনুচ্ছেদ

সুতরাং উপরের উদাহরণে, jQuery অবজেক্টটি detach() পদ্ধতি দ্বারা ফেরত দেওয়া হয়, যাকে অনুচ্ছেদটি সরাতে বলা হয়। এবং prependTo() পদ্ধতিটি রিটার্ন করা jQuery অবজেক্টে কল করা হয় মুছে ফেলা অনুচ্ছেদটিকে নতুন প্যারেন্ট এলিমেন্টে যুক্ত করার জন্য।

পাঠ্য সহ অনুচ্ছেদ

পাঠ্য সহ অনুচ্ছেদ

আপনি যদি একই সময়ে একাধিক অভিভাবক উপাদানে কিছু বিষয়বস্তু সরানোর চেষ্টা করেন তাহলে কী হবে? আপনি যদি এটি করেন, jQuery প্রথমে পুরানো অভিভাবক থেকে বিষয়বস্তু সরিয়ে ফেলবে, তারপর যতবার প্রয়োজন ততবার বিষয়বস্তু ক্লোন করবে এবং নির্দিষ্ট প্রতিটি অভিভাবক উপাদানে ক্লোন যোগ করবে। যেমন:

$(init); ফাংশন init() ( // #myDiv1 থেকে #myDiv2 এবং #myDiv3 $("#myDiv2, #myDiv3") অনুচ্ছেদটি সরান। সংযুক্ত করুন($("#myDiv1>p"));)

উপরের কোডটি কার্যকর করার পরে, পৃষ্ঠার বিষয়বস্তুটি এরকম দেখাবে:

পুনরায় শুরু করুন সামগ্রী অপসারণ, প্রতিস্থাপন এবং সরানো হচ্ছে মৌলিক ধারণা যা আপনাকে দুর্দান্ত jQuery ওয়েবসাইট তৈরি করতে সক্ষম করে।

jQuery লাইব্রেরি আপনাকে মূল মান পরিবর্তন করে একটি মোড়ানো সেটের উপাদানগুলির বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি পরিচালনা করতে দেয়। আপনি নতুন বৈশিষ্ট্য সেট করতে পারেন এবং মূল বৈশিষ্ট্যগুলির মান পেতে এবং পরিবর্তন করতে পারেন। ক্লাস অপসারণ বা যোগ করে, আপনি উপাদানগুলির প্রদর্শন শৈলী গতিশীলভাবে পরিবর্তন করতে পারেন।

AddClass(শ্রেণীর নাম) শ্রেণীর নাম হল এক বা একাধিক শ্রেণীর নাম যা স্পেস দ্বারা পৃথক করা হয়।

.addClass(function) ফাংশন - বিদ্যমান একটিতে যোগ করার জন্য এক বা একাধিক স্থান-বিচ্ছিন্ন শ্রেণীর নাম প্রদান করে। যুক্তি হিসাবে সেটের একটি উপাদানের সূচী এবং ক্লাস(গুলি) এর বিদ্যমান নাম নেয়।

1.2। Method.removeClass()

মোড়ানো সেটের সমস্ত উপাদান থেকে নির্দিষ্ট শ্রেণীর নাম(গুলি) সরিয়ে দেয়।

RemoveClass(class name) class name - ঐচ্ছিক প্যারামিটার, এক বা একাধিক শ্রেণীর নাম স্থান দ্বারা পৃথক করা হয়েছে। যদি ক্লাসের নাম নির্দিষ্ট করা না থাকে, তবে পদ্ধতিটি সেটের উপাদানগুলি থেকে সমস্ত বিদ্যমান ক্লাসগুলিকে সরিয়ে দেয়। যদি একটি শ্রেণীর নাম নির্দিষ্ট করা হয়, শুধুমাত্র নির্দিষ্ট শ্রেণী মুছে দেয়।

.removeClass(function) ফাংশন - এক বা একাধিক স্থান-বিচ্ছিন্ন শ্রেণির নাম প্রদান করে যা বিদ্যমানগুলি থেকে সরানো হবে। যুক্তি হিসাবে সেটে উপাদানের সূচী এবং ক্লাস(গুলি) এর পুরানো নাম নেয়।

1.3। Method.toggleClass()

সেটের প্রতিটি উপাদান থেকে এক বা একাধিক ক্লাস যোগ করে বা সরিয়ে দেয়। মোড়ানো সেটের প্রতিটি উপাদান আলাদাভাবে চেক করা হয়। পদ্ধতিটি নির্দিষ্ট শ্রেণির নাম যোগ করে যদি এটি উপাদানটিতে উপস্থিত না থাকে এবং যেখানে এটি উপস্থিত থাকে সেই উপাদানগুলি থেকে এটি সরিয়ে দেয়। উপাদানগুলির ভিজ্যুয়াল উপস্থাপনা টগল করতে ব্যবহৃত হয়।

ToggleClass(শ্রেণীর নাম) শ্রেণীর নাম হল এক বা একাধিক স্থান-বিচ্ছিন্ন শ্রেণীর নাম যা সেটের প্রতিটি উপাদানের জন্য টগল করা হবে।

.toggleClass(শ্রেণীর নাম, বুলিয়ান) ক্লাসের নাম - এক বা একাধিক স্থান-বিচ্ছিন্ন শ্রেণীর নাম যা সেটের প্রতিটি উপাদানের জন্য টগল করা হবে।

বুলিয়ান মান - নির্দিষ্ট শ্রেণী ইনস্টল, যোগ বা অপসারণ করে। সত্য শ্রেণী যোগ করে, মিথ্যা এটি সরিয়ে দেয়।

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

2.1। Method.attr().attr(attr(attributename) অ্যাট্রিবিউটের নাম - মোড়ানো সেটের প্রথম উপাদানের বৈশিষ্ট্যের মান প্রদান করে। বৈশিষ্ট্য অনুপস্থিত থাকলে, অনির্ধারিত ফেরত দেয়।

.attr(অ্যাট্রিবিউটের নাম, মান) অ্যাট্রিবিউটনাম মান হল একটি স্ট্রিং বা সংখ্যা যা মোড়ানো সেটের সমস্ত উপাদানের জন্য অ্যাট্রিবিউট মান হিসাবে যোগ করা হবে।

.attr(attributes) বৈশিষ্ট্য - অবজেক্টের বৈশিষ্ট্য থেকে কপি করা মানগুলি মোড়ানো সেটের সমস্ত উপাদানের জন্য সেট করা হবে।

.attr(অ্যাট্রিবিউটের নাম, ফাংশন) অ্যাট্রিবিউটের নাম - বৈশিষ্ট্যের নাম নির্দিষ্ট করে যা নির্দিষ্ট মানের সাথে সেট করা হবে।

ফাংশন - আর্গুমেন্ট হিসাবে সেটের একটি উপাদানের সূচক এবং বৈশিষ্ট্যের পুরানো মান নেয়। রিটার্ন মানটি অ্যাট্রিবিউটের মানের সাথে সেট করা হবে। 2.2। Method.removeAttr()

মোড়ানো সেটের প্রতিটি উপাদান থেকে নির্দিষ্ট বৈশিষ্ট্য সরিয়ে দেয়।

RemoveAttr(অ্যাট্রিবিউটের নাম) অ্যাট্রিবিউটনাম হল একটি স্ট্রিং যা অ্যাট্রিবিউট চিহ্নিত করে যা অপসারণ করা হবে।

একটি সেটের প্রথম উপাদানের বর্তমান প্রস্থ ফেরত দেয়, অথবা একটি সেটের প্রতিটি উপাদানের জন্য প্রস্থ নির্ধারণ করে। পরিমাপের ডিফল্ট একক হল px। পদ্ধতিটি ব্যবহার করা যেতে পারে যদি প্রাপ্ত মানটি গাণিতিক গণনায় ব্যবহার করা হয়। পরিমাপের একক উল্লেখ না করেই মাত্রাগুলি হিসাব করা হয় ইনডেন্ট এবং ফ্রেমের বেধ বিবেচনা না করেই। আপনি ব্রাউজার উইন্ডোর আকার পরিবর্তন করার সাথে সাথে উপাদানটির মাত্রা পরিবর্তিত হতে পারে।

Width() পদ্ধতিটিকে প্যারামিটার ছাড়াই বলা হয়। একটি ইউনিট নির্দিষ্ট না করে একটি সেটের প্রথম উপাদানের বর্তমান প্রস্থের মান প্রদান করে।

.width(value) মান হল একটি পূর্ণসংখ্যার সংখ্যাসূচক মান বা প্রস্থের স্ট্রিং মান যা সেটের প্রতিটি উপাদানের জন্য সেট করা হবে।

.width(function) ফাংশন - একটি যুক্তি হিসাবে উপাদানের সূচী এবং সম্পত্তির পুরানো মান নেয়, রিটার্ন মান সমস্ত উপাদানের জন্য প্রস্থে সেট করা হবে।

4.2। পদ্ধতি.উচ্চতা()

একটি সেটের প্রথম উপাদানের বর্তমান উচ্চতার মান প্রদান করে, অথবা একটি সেটের প্রতিটি উপাদানের জন্য উচ্চতা সেট করে।

Height() পদ্ধতিটিকে প্যারামিটার ছাড়াই বলা হয়। একটি সেটের প্রথম উপাদানের জন্য বর্তমান উচ্চতার মান প্রদান করে।

.height(মান) মান হল একটি পূর্ণসংখ্যার সাংখ্যিক মান বা উচ্চতার স্ট্রিং মান যা সেটের প্রতিটি উপাদানের জন্য সেট করা হবে।

.height(ফাংশন) ফাংশন - একটি যুক্তি হিসাবে উপাদানের সূচক এবং সম্পত্তির পুরানো মান নেয়, রিটার্ন মান সমস্ত উপাদানের উচ্চতায় সেট করা হবে।

4.3। Method.innerWidth()

প্যাডিং সহ মোড়ানো সেটের প্রথম উপাদানটির প্রস্থ ফেরত দেয় বা মোড়ানো সেটের প্রতিটি উপাদানের জন্য এটি সেট করে।

InnerWidth() পদ্ধতিটিকে প্যারামিটার ছাড়াই বলা হয়। একটি সেটের প্রথম উপাদানের জন্য বর্তমান অভ্যন্তরীণ প্রস্থ প্রদান করে।

মোড়ানো সেটে প্রথম উপাদানটির প্রস্থ ফেরত দিন। এই মাত্রাগুলির মধ্যে ফ্রেমের বেধ এবং ইন্ডেন্টের প্রস্থ অন্তর্ভুক্ত।

OuterWidth(বুলিয়ান) বুলিয়ান

4.6। Method.outerHeight()

মোড়ানো সেটে প্রথম উপাদানটির উচ্চতা ফেরত দিন। এই মাত্রাগুলির মধ্যে ফ্রেমের বেধ এবং ইন্ডেন্টের প্রস্থ অন্তর্ভুক্ত।

OuterHeight(বুলিয়ান) বুলিয়ান - ঐচ্ছিক মান, সত্য হিসাবে সেট করা হলে মার্জিন মান বিবেচনায় নেওয়া হয়, অন্যথায় নয়।

4.7। Method.offset()

প্রথম উপাদানের বর্তমান স্থানাঙ্ক পায় বা প্রতিটি উপাদানের জন্য স্থানাঙ্ক সেট করে। নথির শুরুর সাপেক্ষে মোড়ানো সেটের প্রথম উপাদানের px স্থানাঙ্ক ধারণকারী বাম এবং শীর্ষ বৈশিষ্ট্য সহ একটি JavaScript অবজেক্ট প্রদান করে। পদ্ধতি শুধুমাত্র দৃশ্যমান উপাদান প্রযোজ্য.

অফসেট() পদ্ধতিটিকে প্যারামিটার ছাড়াই বলা হয়।

4.8। পদ্ধতি. অবস্থান()

সবচেয়ে কাছের মূল উপাদানের সাপেক্ষে মোড়ানো সেটের প্রথম উপাদানের px স্থানাঙ্ক ধারণকারী বাম এবং শীর্ষ বৈশিষ্ট্য সহ একটি JavaScript অবজেক্ট প্রদান করে। পদ্ধতি শুধুমাত্র দৃশ্যমান উপাদান প্রযোজ্য.

Position() পদ্ধতিটিকে প্যারামিটার ছাড়াই বলা হয়।