خانه / مقالات اموزشی / jQuery / آموزش jquery قسمت سوم

آموزش jquery قسمت سوم

با قسمت سوم از سری اموزش jQuery در خدمت شما هستیم

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

 

قرار دهید

برای خوانده شدن کتاب خانه از کد زیر استفاده میکنیم

 

در این قسمت $ متغیر درون () را فرا میخواند سپس عملی که باید رو متغیر انجام شود را اجرا میکند که در این جا .ready است قسمت (function(e) { }); عملی را نشان میدهد که پس از اجرا شدن عمل اول روی متغیر باید اجرا شود که ان را داخل

 

مینویسم

اولین افکتی که در جی کوئری یاد خواهید گرفت افکت show و hide است که برای این کار ما ابتدا نیاز به یک کد html داریم

 

button اینجا کلیدی هست که کابر به وسیله اون بتونه div#box  رو مخفی کنه برای نوشتن کد جی کوئری ان به این صورت عمل کنید

همون طور که مشاهده میکنید  پس از کلیک روی button جعبه یا همان div#box مخفی خواهد شد

عمل .click نشان دهنده انجام کلیک و یا فشرن دکمه button است

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

توجه داشته باشید که عنصر ما در حالت عادی به نمایش در نمی اید

پس از نوشتن افکت که میتوانید در داخل () سرعت انجام شدن این افکت را به میلی ثانیه وارد کنید مثلا ۱۰۰۰ ویا با قرار دادن “” یا ” داخل () به اون از سرعت های پیشفرض یعنی fast و slow استفاده کنید

 

اولین فرمان در این قسمت اموزشی فرمان alert است

alert : نمایش یک پیام در صفحه

به مثال زیر توجه فرمایید

ما در این کد دستور داده ایم که پس از لود شدن کامل صقحه پیام (به وب سایت نوین آی تی خوش امدید ) رو نشان دهد توجه داسته باشید که متن مورد نظر شما باید داخل (“”) و یا (”) باشد

یا می توانید تعریف کنید که پس از کلیک بر روی عنصر مورد نظر این پیام را به شما نمایش دهد

اموزش طراحی سایت

آموزش طراحی سایت

اموزش طراحی وب سایت

آموزش طراحی سایت

درباره آموزشگاه نوین آی تی

همچنین ببینید

نحوه نام گذاری متغییر های جاوا

مطلب جدیدی که در این آموزش قرار است فرا بگیریم نحوه صحیح نامگذاری متغیر ها ...

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net