گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/05/31 - 15:34
كد :7806
در این مقاله درباره نحوه دریافت استایل یک تگ و ویرایش استایل یک تگ توسط جی کوئری بحث خواهیم کرد.
در آموزش ویرایش و افزودن کلاس های استایل دهی با جی کوئری گفتیم که برای استایل دهی به تگ ها میتوان از متد های متنوعی در جی کوئری سود جست ، در این مقاله متد CSS را توضیح خواهیم داد .
متد CSS() ویژگی های استایل تگهای انتخاب شده را ارجاع و تنظیم میکند.
ارجاع ویژگی CSS
برای ارجاع مقدار یک ویژگی خاص در CSS از دستور زیر استفاده کنید:
مثال زیر نحوه استفاده از این دستورالعمل برای بازگرداندن ویژگی background-color از اولین تگ مشابه با تگ انتخاب شده را نشان میدهد:
مثال
$("p").css("background-color");
مشاهده نتیجه
تنظیم ویژگی CSS
برای تنظیم مقدار CSS از دستور زیر استفاده کنید:
css("propertyname","value");
مثال زیر نحوه کاربرد دستور بالا را برای تنظیم مقدار ویژگی background-color برای تگهای انتخاب شده را نشان می دهد:
$("p").css("background-color", "yellow");
مشاهده نتیجه
تنظیم چند ویژگی CSS بطور همزمان
دستور زیر برای تنظیم چند ویژگی CSS بطور همزمان بکار میرود:
css({"propertyname":"value","propertyname":"value",...});
مثال زیر نحوه استفاده از دستور بالا برای تغییر ویژگی های background-color و font-size را برای تمام تگهای انتخاب شده را نشان میدهد:
$("p").css({"background-color": "yellow", "font-size": "200%"});
مشاهده نتیجه
براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد