طراحی سایت ساختار نوشتاری کدهای jQuery در طراحی سایت یک فرم خیلی ساده داره که به شکل زیره :
}()function(event").Selector$(" " .... somethings do// ;
در این ساختار بخش اول که Selector طراحی وب سایت هست، مشخص می کنه که چه المنتی در صفحه ی وب انتخاب بشه . قسمت event نوع رویدادی که بر روی اون المنت رخ میده رو معلوم می کنه و درون function هم کدهایی که با اتفاق افتادن اون رویداد باید بر رو المنت اجرا بشه آورده میشه . این ساختار می تونه تو در تو باشه و کل syntax جی کوئری همین هست !
برای انجام تمامی کارها در jQuery به گزینشگر (سلکتور) احتیاج داریم. jQuery با اقتباس از گزینشگرهای CSS نسخه ۱ تا ۳ مجموعه ای قدرتمند از گزینشگرها را به وجود آورده است.
گزینشگر های jQuery با اقتباس از C
;(“Name-Tag$
این گزینشگر تگ های خاصی رو انتخاب می کنه.در واقع این گزینشگر معادل متد
;()getElementsByTagName.document
در جاوا اسکریپت است و برای انتخابی المنت با عنوان خاص انتخاب می شودو. یک مثال طراحی وب سایت هم برای این نوع گزینشگر کافی است.
;("div$("
این گزینشگر تمام تگهای div را در طراحی سایت انتخاب می کنید
;("MyID$)"#
این گزینشگر تمام المنت هایی رو که مقدار id اونها برابر MyID باشه انتخاب می کنه.این گزینشگر معادل متد ;()getElementById.document در طراحی سایت جاوااسکریپت است.