جلسه ۱۱۵ : HTML DOM در jQuery و جاوا اسکریپت

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، با یکی دیگر از جلسات دوره کامل آموزش JavaScript در خدمت شما دوستان هستیم. در سه بخش قبلی ما به طور کلی و مختصر به بررسی چگونگی انتخاب و تغییر دادن محتوا و استایل عناصر HTML در جی کوئری و جاوا اسکریپت پرداختیم، در هر بخش با ارائه ی مثال هایی ساده و مقایسه ی آن با سینتکس جاوا اسکریپت ، مزایای استفاده از جی کوئری به جای جاوا اسکریپت را نشان دادیم، اما یکی دیگر از مواردی که به احتمال زیاد در جاوا اسکریپت و جی کوئری با آن برخورد خواهید داشت، بحث HTML DOM و یا انتخاب عناصر HTML  مرتبط با عنصر انتخاب شده است،(نظیر عناصر فرزند، والد و …)، از این رو در آخرین بخش این فصل نیز به مقایسه ی HTML DOM در jQuery و جاوا اسکریپت پرداختیم.

مقایسه ی HTML DOM در jQuery و جاوا اسکریپت

در ادامه ی این آموزش با ارائه ی نمونه مثال هایی به مقایسه ی HTML DOM در jQuery و جاوا اسکریپت پرداخته ایم.

مروری مختصر بر پیشینه ی jQuery و جاوا اسکریپت

jQuery در سال ۲۰۰۶ توسط John Resig ایجاد شد.

jQuery برای رفع ناسازگاری مرورگرها و ساده سازی دستکاری HTML DOM، و…طراحی شده است.

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

حذف عناصر HTML

حذف عناصر HTML  در جی کوئری :

حذف عناصر HTML  در جاوا اسکریپت:

گرفتن عنصر والد

گرفتن عنصر والد یک عنصر HTML در جی کوئری :

گرفتن عنصر والد یک عنصر HTML در جاوا اسکریپت :

کلام آخر

از آن جایی که یکی دیگر از مواردی که در جاوا اسکریپت و جی کوئری بسیار با آن رو به رو خواهید شد ، بحث HTML DOM یا انتخاب عناصر والد ، فرزند، خواهر و برادر و … از عنصر انتخاب شده می باشد، پس این بخش را نیز به مقایسه ی HTML DOM در jQuery و جاوا اسکریپت اختصاص دادیم.

در این بخش آخرین مبحث دوره ی کامل آموزش جاوا اسکریپت نیز ارائه شد، امیدواریم که از مباحث این دوره به خوبی بهره مند شده باشید.

موفق باشید.