جلسه ۱۱۳ : تغییر عناصر HTML در jQuery و جاوا اسکریپت

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

مقدمه

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

تغییر عناصر HTML در jQuery و جاوا اسکریپت

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

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

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

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

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

تنظیم محتوای متنی

تنظیم متن داخلی (inner text) یک عنصر HTML :

تنظیم متن داحلی عناصر HTML در جاوا اسکریپت :

دریافت محتوای متنی

دریافت متن داخلی (inner text) یک عنصر HTML :

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

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

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

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

دریافت محتوای HTML

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

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

کلام آخر

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