دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • آبان

جلسه ۱۸ : کار با محتوا و ویژگی های CSS در jQuery

  • دسته‌بندی‌ها :
جلسه ۱۸ : کار با محتوا و ویژگی های CSS در jQuery
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

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

      جلسات قبل از این بخش را، به مباحث دستکاری عناصر html و محتوای آنها با استفاده از توابع jQuery، اختصاص داده بودیم. و موضوعاتی از جمله افزودن عناصر html در jQuery ، را برای آشنایی با روشهای اضافه کردن عناصر html و همچنین حذف عناصر html در jQuery را برای آشنایی با توابع حذف عناصر html در jQuery، را ارائه کردیم.

      در حال حاضر ، به موضوع دستیابی و تغییر دادن ویژگی ها و خواص css در jQuery ، می پردازیم.

       

      دستیابی و تغییر دادن ویژگی ها و خواص css در jQuery

      دستیابی و تغییر دادن ویژگی ها و خواص css در jQuery

       

      دستیابی و تغییر دادن ویژگی ها و خواص css در jQuery

      در jQuery ، روشهای ساده ای برای دستیابی به محتوای کدها و ویژگی های css ، وجود دارد.

      توابع دستکاری ویژگی های و خواص css

      jQuery ، چند تابع را برای دستکاری ویژگی ها و خواص css، ارائه کرده است:

      • ()addClass : یک یا چند کلاس را به عناصر انتخاب شده اضافه می کند.
      • ()removeClass : یک یا چند کلاس را از عناصر انتخابی حذف می کند.
      • ()toggleClass : بین توابع ()addClass و ()removeClass ، تغییر وضعیت می دهد.
      • ()css : مقادیر style صفات را برمی گرداند.

      ما از مثال کد css زیر در تمام مثال های این بخش، استفاده می کنیم:

      مثال : 

      تابع ()addClass

      در مثال زیر نحوه ی افزودن کلاس به عناصر html، مختلف ، نشان داده شده است. البته شما می توانید، چندین عنصر را هنگام افزودن کلاس ، انتخاب کنید:

      مثال : 

      مثال ۲:

      مثال : 

      تابع ()removeClass

      در این مثال ، چگونگی حذف کلاس ، از عناصر html مختلف، نشان داده شده است:

      مثال : 

      تابع ()toggleClass

      از این تابع برای سوئیچ  و تغییر وضعیت بین توابع ()addClass  و ()removeClass ، استفاده می شود.

      مثال:

      مثال : 

      کلام آخر

      خب در این بخش با چگونگی دستیابی و دستکاری ویژگی ها و خواص css در jQuery ، و توابع جدیدی در این زمینه آشنا شدید. امیدواریم که از مبحث دستیابی و تغییر دادن ویژگی ها و خواص css در jQuery ، به خوبی استفاده کرده باشید.

       

      QR:  جلسه ۱۸ : کار با محتوا و ویژگی های CSS در jQuery
      به اشتراک بگذارید