পর্যালোচনা: জেকুয়েরি ব্যবহার করে DOM পরিবর্তন

জেকুয়েরি ফাংশন ব্যবহার করে এমন উপাদান খুঁজে পেলে, অনেক মেথড দিয়েই তাদের পরিবর্তন করা যায়।

ভেতরের লেখা পরিবর্তন কর text() দিয়ে:
$("h1").text("All about cats"); (উদাহরণ)

ভেতরের এইচটিএমএল html() পরিবর্তন কর:
$("h1").html("I <strong>love</strong> cats"); (উদাহরণ)

বৈশিষ্ট্য নিযুক্ত কর attr() দিয়ে:
$(".dog-pic").attr("src", "dog.jpg");
$(".google-link").attr("href", "http://www.google.com"); (উদাহরণ)

Change CSS styles with css():
$("h1").css("font-family", "monospace");
$("h1").css({"font-family": "monospace", "color": "red"}); (See example)

একটি ক্লাসের নাম যোগ কর addClass() দিয়ে:
$("h1").addClass("warning");

এইচটিএমএলের স্ট্রিং জেকুয়েরি ফাংশনে পাঠিয়ে নতুন উপাদান তৈরি করা যায়:
var $p = $("<p>");

ইচ্ছে করলে, সম্পূর্ণ এইচটিএমএল পাঠাতে পার, যার মধ্যে ট্যাগ করা বিষয়বস্তু, বৈশিষ্ট্য এবং স্টাইল থাকবে।
var $p = $('<p style="color:red;">I love people who love cats.</p>');

একটি উপাদান তৈরি করলে এটিকে উপরিউক্ত যে কোন মেথড দিয়ে পরিবর্তন করা যায়:
$p.addClass("warning");

Then you can append it to an existing element using append():
$("#main-div").append($p); (See example)

পেজের মধ্যে এটি যোগ করার জন্য prepend() (উদাহরণ) অথবা appendTo() (উদাহরণ) ব্যবহার করা যায়।

মেথড সম্পর্কে বিস্তারিত জানার জন্য উপরের লিংকগুলো ক্লিক করে জেকুয়েরির নথিপত্র পড়। এখানে সবকিছু সম্পর্কে বলা সম্ভব নয় এবং ওয়েব ডেভেলপমেন্ট প্রতিনিয়ত পরিবর্তন হয়, এজন্য তোমাকে নথিপত্র পড়ে নতুন প্রযুক্তির খবর রাখতে হবে। এখনই শুরু করা উচিত!