طراحی سایت شرکتی با کنترل پنل اختصاصی تحویل فوری - 250 هزار تومان اطلاعات بیشتر

آشنایی سریع با جی کوئری

جی کوئری چیست؟

جی کوئری چیست؟,جی کوئری,آموزش جی کوئری,jquery,کتابخانه جی کوئری

آشنایی سریع با جی کوئری

جی کوئری یکی از کتابخانه های سبک جاوا اسکریپت است که محبوبیت بسیاری در بین کاربران دارد. از این کتابخانه هنگام طراحی سایت ارزان ، به صورت لایه باز و رایگان جهت نوشتن اسکریپت های سمت کاربر در صفحات HTML استفاده می شود. جی کوئری باعث سهولت کار هنگام ایجاد صفحات داینامیک می شود. با استفاده از کدهای جی کوئری میتوانید در صفحه خود انیمیشن و افکت های پیشرفته قرار دهید.
برای نوشتن اسکریپت های جی کوئری ابتدا باید کتابخانه جی کوئری را به پروژه اضافه کنید سپس اسکریپتها را در تگ <script>بگنجانید. این کتابخانه را می توانید از سایت jquery.com دانلود کنید.

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

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

$(selector).action()


Selectorعنصر انتخابی و actionعملیاتی است که بر روی عنصر اتفاق میفتد.$  برای دسترسی به جی کوئری باید در ابتدا نوشته شود.
برای انتخاب کلاس

$(".classname").hide()


برای انتخاب ID

$("#IDname").hide()


برای انتخاب تگ

$(div).hide()

 

$(document).ready(function(){ $("#IDname ").click(function(){ $(this).hide(); }); });


کد زیر مشخص می کند که به هنگام خواندن سند وقتی بر روی ID  مورد نظر کلیک شد مخفی شود کلمه this  به عنصر انتخابی اشاره دارد.
نکته ای که باید دقت داشته باشید حتی الامکان تمام اسکریپت های جی کوئری را  درون یک تگ script قرار دهید.تا تعداد درخواستهای سمت سرور کم شود. در مقالات بعدی قصد معرفی پلاگین های کاربردی جی کوئری را داریم با یادگیری این پلاگین ها لذت طراحی را برای خود دو چندان کنید.

اگر سوالی در رابطه با این مطلب دارید می توانید از طریق فرم زیر ارسال کنید
  • ایمیل شما به هیچ عنوان در سایت نمایش داده نمی شود
  • کامنت شما بعد از تایید مدیر سایت نمایش داده می شود