جلسه ۱۱۴ : استایل های CSS در jQuery و جاوا اسکریپت

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

مقدمه

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

تغییر استایل های CSS در jQuery و جاوا اسکریپت

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

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

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

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

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

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

مخفی کردن یک عنصر HTML در جی کوئری :

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

نمایش عناصر HTML

نمایش عناصر HTML در جی کوئری :

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

استایل عناصر HTML

تغییر دادن font size یک عنصر HTML در جی کوئری :

تغییر دادن font size یک عنصر HTML در جاوا اسکریپت :

کلام آخر

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