jQuery – Get Content and Attributes

در jQuery می‌توانید از روش‌های مختلفی برای دریافت محتوای عناصر HTML و ویژگی‌های آن‌ها استفاده کنید. در ادامه روش‌های متداول توضیح داده شده‌اند:

۱. دریافت محتوا

• text(): متن ترکیبی یک عنصر و فرزندان آن را دریافت می‌کند.
• html(): محتوای HTML اولین عنصر انتخاب‌شده را دریافت می‌کند.
• val(): مقدار فعلی عناصر فرم (مثل input، textarea و select) را دریافت می‌کند.

مثال‌ها:

// HTML: <p id=”para”>سلام <b>دنیا</b></p>

// <input type=”text” id=”input” value=”مقدار نمونه”>

// دریافت متن

var text = $(“#para”).text(); // “سلام دنیا”

// دریافت HTML

var html = $(“#para”).html(); // “سلام <b>دنیا</b>”

// دریافت مقدار یک ورودی

var value = $(“#input”).val(); // “مقدار نمونه”

۲. دریافت ویژگی‌ها

• attr(attributeName): مقدار یک ویژگی را برای اولین عنصر انتخاب‌شده دریافت می‌کند.
• prop(propertyName): مقدار یک خاصیت DOM را برای اولین عنصر انتخاب‌شده دریافت می‌کند (برای خاصیت‌هایی مانند checked یا disabled بهتر است از این روش استفاده شود).

مثال‌ها:

// HTML: <a id=”link” href=”https://example.com” title=”سایت مثال”>کلیک کنید</a>

// دریافت ویژگی href

var href = $(“#link”).attr(“href”); // “https://example.com”

// دریافت ویژگی title

var title = $(“#link”).attr(“title”); // “سایت مثال”

// HTML: <input type=”checkbox” id=”checkbox” checked>

// دریافت خاصیت checked

var isChecked = $(“#checkbox”).prop(“checked”); // true

نکات:

• از text() برای متن ساده، html() برای محتوای HTML داخلی، و val() برای مقادیر ورودی‌ها استفاده کنید.
• برای خاصیت‌های بولین (مانند checked، disabled، و selected) از prop() به جای attr() استفاده کنید.

اگر نیاز به توضیحات بیشتری دارید یا می‌خواهید مثال‌های پیچیده‌تری ببینید، اطلاع دهید!