قواعد دستوری جی کوئری

قواعد دستوری جی کوئری

لازم به ذکر است که کتابخانه ها و فریم ورک های دیگری هم برای استفاده از JavaScript وجود دارد ولی کتابخانه جی کوئری در بین این کتابخانه ها و فریم ورک ها از همه محبوب تر است و کمپانی های بزرگی مثل گوگل، IBM، مایکروسافت و نت فلیکس از آن بهره میبرند.
لازم به ذکر است که تیم جی کوئری توانسته کاری کند که این کتابخانه روی تمام مرورگر های اصلی و مهم به شکلی یکسان اجرا شود. حتی اینترنت اکسپلورر ۶!

قواعد دستوری جی کوئری قواعد دستوری جی کوئری قواعد دستوری جی کوئری JQuery syntax

قواعد دستوری جی کوئری

با قواعد دستوری جیکوئری شما میتوانید  عناصر HTML را انتخاب کنید و عملیات مورد نظر خود را بر روی آنها انجام  دهید.

ساختار اصلی یک دستور جیکوئری : 

با استفاده از قواعد و دستورات جی کوئری شما می توانید بر روی تک تک عناصر HTML افکت مورد نظر خود را اعمال نمایید ، با استفاده از قاعده ی دستوری زیر شما می توانید عنصر مورد نظر را انتخاب نمایید و افکت دلخواه و یا عملیات مورد نظر خود را طراحی و پیاده سازی کنید .

 

 $ : برای دسترسی به جیکوئری  به کار میرود.

selector : برای جستجوی عناصر HTML  به کار میرود.

()action: عملی را که که بر روی عنصر بایستی  انجام شود مشخص میکند.

 این مثال همه ی عناصر موجود در صفحه را مخفی می کند :

 این مثال  Span های موجود در صفحه را مخفی می کند :

این مثال المنت جاری را مخفی میکند:

این مثال المنتی که نام Class  آن Example هست را مخفی میکند:

این مثال المنتی که نام  ID  آن Example هست را مخفی میکند:

 این مثال  Span های موجود در صفحه را مخفی می کند :

 این مثال  Spanی که در تگ div با کلاس Example هست را مخفی می کند :

 حال با قواعد استفاده از جی کوئری آشنا شدید ، شما می توانید به جای اکشن  hide() از هر اکشنی که میخواهید استفاده کنید .

به عنوان مثال برای نمایش span پنهان شده می توانید از دستور زیر استفاده کنید :

 حتی می توانید سرعت پنهان شدن و آشکار شدن Span را مشخص نمایید . که از دستور زیر استفاده می کنید :

 

 ۳۰۰۰  به این معنی می باشد که این span طی ۳ ثانیه آشکار شود .

حال با استفاده از مواردی که در بالا آموختیم می خواهیم یک تکه کد جی کوئری به همراه هم پیاده کنیم :

در این مثال می گوییم که در صفحه ی در حال اجرا در صورتی که لود صفحه کامل شده است، وقتی بر روی دکمه  (button)کلیک شد ، div ها به ترتیب با سرعت های متفاوت نمایش داده شوند .

 

 
آموزش JQuery آموزش طراحی وب

دیدگاه خود را بیان کنید