عناصر HTML جی‌کوئری

از موتو کد، دانشنامهٔ برنامه‌نویسی


جی کوئری در برابر جاوا اسکریپت[ویرایش | ویرایش]

جی‌کوئری در سال ۲۰۰۶ توسط جان رزایگ ساخته شد. جی‌کوئری برای مدیریت ناسازگاری‌های مرورگر و برای ساده‌تر کردن ویرایش‌های HTML DOM، کنترل رویدادها، انیمیشن‌ها و Ajax طراحی شده بود. [۱]

برای بیش از ۱۰ سال، جی‌کوئری محبوب‌ترین لایبری جاوا اسکریپت در تمام دنیا بود.

اما، از زمانی که نسخه ۵ (۲۰۰۹) جاوا اسکریپت منتشر شد، بسیاری از قابلیت‌های جی‌کوئری را می‌توانیم با چند خط کد جاوا اسکریپت در برنامه خود استفاده کنیم.

تنظیم متن محتوا[ویرایش | ویرایش]

تنظیم متن داخلی یک عنصر HTML:

myElement.text("Hello Sweden!");


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

myElement.textContent = "Hello Sweden!";


مشاهدهٔ نتیجه


دریافت متن محتوا[ویرایش | ویرایش]

دریافت متن داخلی یک عنصر HTML:

var myText = myElement.text();


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

var myText = myElement.textContent || myElement.innerText;


مشاهدهٔ نتیجه


تنظیم محتوای HTML[ویرایش | ویرایش]

تنظیم محتوای HTML یک عنصر:

var myElement.html("<p>Hello World</p>");


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

var myElement.innerHTML = "<p>Hello World</p>";


مشاهدهٔ نتیجه


دریافت محتوای HTML[ویرایش | ویرایش]

دریافت محتوای HTML یک عنصر:

var content = myElement.html();


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

var content = myElement.innerHTML;


مشاهدهٔ نتیجه



منابع آموزشی[ویرایش]