دریافت محتوا و ویژگی‌ها 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"));
});

آزمایش کنید

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

منابع مرجع jQuery HTML

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