آموزش جی کوئری – دستکاری خصوصیات CSS با jQuery

  • آپدیت شده در تاریخ

آموزش جی کوئری

در بخش قبلی با دستکاری کلاس CSS با jQuery آشنا شدیم. در این قسمت از سری آموزش جی کوئری, نحوه دستکاری خصوصیات CSS با jQuery یا همان دریافت یا ست کردن خصوصیات استایل های CSS در جی کوئری می پردازیم.

 

متد css() جی کوئری

متد css() در جی کوئری برای دریافت محتوای محاسبه شده یک خصوصیت CSS یا ست کردن یک یا چند خصوصیت (property)ی CSS به المان های انتخابی استفاده می شود.

این متد یک راه سریع برای استایل دهی مستقیم به المان های HTML (استایل درون خطی) ارایه می دهد که به آسانی در یک استایل-شیت تعریف نشده است.

 

دریافت مقدار خصوصیت CSS

شما می توانید به آسانی با پاس دادن نام خصوصیت (property) به عنوان پارامتر متد css() , مقدار محاسبه شده را بدست آورید. سینتکس ساده آن بصورت زیر است :

مثال زیر مقدار محاسبه شده خصوصیت background-color از المان <div> را هنگام کلیک نمایش می دهد.

 

ست کردن یک خصوصیت با مقدار آن

متد css() می تواند یک نام خصوصیت و مقدار آن را به عنوان پارامترهای جداگانه برای ست کردن یک خصوصیت CSS برای المان دریافت کند. سینتکس ساده آن بصورت زیر است :

مثال زیر خصوصیت background-color المان های <div> را هنگام کلیک به مقدار رنگی red تغییر ست می کند.

 

ست کردن چندین خصوصیت با مقدار آن

همچنین می توانید چندین خصوصیت CSS را با متد css() ست کنید. سینتکس ساده آن بصورت زیر است :

مثال زیر background-color و padding را بصورت همزمان برای المان های انتخابی ست می کند.

 

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

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی