با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش jQuery ، را دنبال می کنند. تاکنون چگونگی دستیابی به ویژگی های css و دستکاری آنها در jQuery ،را در بخش های قبل، ارائه کردیم. در ادامه مباحث جلسات اخیر، در این بخش به موضوع دستکاری کدهای css در جی کوئری و آشنایی با تابع ()css در jQuery ، می پردازیم.
در بخش قبلی ما به چگونگی دسترسی به ویژگی ها و خواص css ،و توابعی که دراین زمینه کاربرد دارند. در قالب موضوع کار با محتوا و ویژگی های CSS در jQuery، اشاره کردیم.
اکنون در تکمیل مباحث قبلی، به مبحث دستکاری کدهای css و آشنایی با تابع ()css در jQuery ، می پردازیم.
jQuery تابع ()css را ،برای تنظیم کردن و برگرداندن یک یا چند style از عناصر انتخاب شده، معرفی کرده است.
برای برگرداندن ویژگی ها و خواص css از یک عنصر html ، از ساختار زیر استفاده کنید:
1 | css("propertyname"); |
مثال زیر چگونگی برگرداندن مقدار ویژگی background-color را ، از اولین عنصر <p>
، نشان می دهد:
1 | $("p").css("background-color"); |
برای تنظیم کردن ویژگی های css از یک عنصر html ، از ساختار زیر استفاده کنید:
1 | css("propertyname","value"); |
مثال زیر تغییر دادن ویژگی background-color را ، برای تمام عناصر <p>
، نشان می دهد:
1 | $("p").css("background-color", "yellow"); |
برای تغییر دادن همزمان چندین ویژگی css از عناصر html در یک زمان، از ساختار زیر استفاده کنید:
1 | css({"propertyname":"value","propertyname":"value",...}); |
مثال زیر به خوبی ، تغییر دادن همزمان چند ویژگی css از عناصر html ، را نشان می دهد:
1 | $("p").css({"background-color": "yellow", "font-size": "200%"}); |
در بخش قبلی روشهای دستیابی به خصوصیات و ویژگی های تعریف شده در css را مرور کردیم. در ادامه آن، در این بخش به موضوع دستکاری کدهای css و آشنایی با تابع ()css در jQuery ، پرداختیم. که امیدواریم مورد توجه و استفاده ی شما قرار گرفته باشد.