دریافت محتوا و ویژگی‌ها با jQuery

jQuery دارای روش‌های قدرتمندی برای عملیات بر روی عناصر و ویژگی‌های HTML است.

عملیات DOM jQuery

قسمت بسیار مهمی از jQuery، توانایی عملیات بر روی DOM است.

jQuery مجموعه‌ای از روش‌های مرتبط با DOM را ارائه می‌دهد که دسترسی و عملیات بر روی عناصر و ویژگی‌ها را آسان می‌کند.

توجه:DOM = Document Object Model (مدل مستند و شیء)

DOM تعریف استانداردی برای دسترسی به مستندات HTML و XML است:

「W3C Document Object Model مستقل از پلتفرم و زبان است و اجازه می‌دهد برنامه‌ها و اسکریپت‌ها به صورت پویا به محتوا، ساختار و استایل مستند دسترسی پیدا کنند و آن‌ها را به‌روزرسانی کنند.»

دریافت محتوا - text()، html() و val()

سه روش ساده و کاربردی برای عملیات DOM با استفاده از jQuery:

  • text() - تنظیم یا بازگشت محتوای متنی انتخاب شده
  • html() - تنظیم یا بازگشت محتوای انتخاب شده (شامل علامت‌های HTML)
  • val() - تنظیم یا بازگشت مقادیر فیلد فرم

در مثال زیر نحوه دریافت محتوا با استفاده از روش‌های jQuery text() و html() نشان داده شده است:

مثال

$("#btn1").click(function(){
  alert("متن: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

آزمایش کنید

در مثال زیر نحوه دریافت مقادیر فیلد ورودی با استفاده از روش jQuery val() نشان داده شده است:

مثال

$("#btn1").click(function(){
  alert("مقدار: " + $("#test").val());
});

آزمایش کنید

دریافت ویژگی - attr()

روش attr() jQuery برای دریافت مقادیر ویژگی استفاده می‌شود.

در مثال زیر نحوه دریافت مقادیر ویژگی href در لینک را نشان می‌دهد:

مثال

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

آزمایش کنید

فصل بعدی به توضیح نحوه تنظیم (تغییر) محتوا و مقادیر ویژگی‌ها می‌پردازد.

منابع مرجع HTML jQuery

برای اطلاعات کامل در مورد روش‌های HTML jQuery، لطفاً به منابع زیر مراجعه کنید: