تغییر استایل و استفاده از دستورات css توسط جی کویری

استایل دهی به المان های Html توسط جی کوئری

شما خیلی راحت می تونید از طریق متد css در جی کوئری استایل های css رو تغییر بدید. به مثال های زیر دقت کنید.

استایل دهی به تگ توسط جی کوئری

فرض کنید می خواهید همه تگ های P موجود در صفحه رو توسط دستورات جی کوئری مخفی کنید. می تونید به صورت زیر عمل کنید.

$('p').css("display", "none");

وقتی دستور بالا اجرا بشه همه تگ های p مخفی میشن.

استایل دهی به یک المان خاص توسط جی کوئری

شما می تونید توسط id یا حتی class به یک المان خاص در صفحه استایل بدید. به مثال زیر دقت کنید.

//1
$("#mydiv").css("display", "none");

//2
$(".myclass").css("display", "none");

در مثال بالا در خط 1 بعد از اجرای دستور المان با id برابر با mydiv مخفی می شود و در خط 2 المان یا المان هایی که کلاس myclass را دارند مخفی می شوند.

تغییر چند استایل css توسط دستورات جی کوئری

شما می تونید چند style هم به طور همزمان توسط جی کوئری تغییر بدید. به مثال زیر دقت کنید.

$("p").css({"background-color": "red", "font-size": "15px"});

در مثال بالا همه تگ های p به رنگ red و اندازه فونت 15 پیکسل تبدیل خواهند شد.