جستجو برای:
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت (JavaScript)
    • آموزش رایگان جی کوئری
  • دوره ها
    • دوره جاوااسکریپت مقدماتی
    • آموزش کامل عملگرها (Operators)
    • آموزش کامل حلقه ها و دستورات شرطی
    • آموزش کامل Objects (اشیا)
    • آموزش کامل Arrays (آرایه)
    • آموزش کامل Functions (توابع)
    • آموزش پروژه محور جاوااسکریپت
    • آموزش مقدماتی React
  • فیلم های آموزشی
  • حساب کاربری
 
MEGA JS
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
  • نقشه راه یادگیری جاوااسکریپت
0

ورود و ثبت نام

3) سینتکس جی کوئری (Syntax)

15 تیر 1398
ارسال شده توسط محمدرضا حاجی مقصودی
یادگیری جی کوئری
1.66k بازدید

سینتکس جی کوئری

تونل یادگیری جی کوئری

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

سینتکس جی کوئری

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

$("#test").hide()

این دستور به محض اجرا المانی که آیدی test را دارد،  پنهان میکند. در قسمت های بعدی تونل به طور کامل با این دستورات آشنا میشویم. اما نکته ای که در دستور بالا حتما توجه شما را به خود جَلب کرده است این است که این دستور چه زمانی اجرا میشود؟!
برای اجرای کد های جی کوئری باید کدهایمان را به صورت زیر بنویسیم:

$(document).ready(function(){
// jQuery methods go here...
});

در قسمتی که کامنت قرار داده شده است سلکتورها، event ها و دستورات جی کوئری مان را مینویسیم. دستوراتی که در این تابع قرار میگیرند به محض آماده شدن سند html اجرا می شوند. اجرای این دستورات قبل لود تصاویر و فایل های دیگر صورت میگیرد. اگر در کد جی کوئری  بالا به جای ready از دستور load استفاده کنیم دستورات ما بعد از بارگذاری کامل صفحه اجرا می شوند. اگر به جای سلکتور document یک آیدی یا کلاس قرار دهیم، دستورات Jquery ما پس از بارگذاری آن سلکتور اجرا میشوند.

به نمونه زیر دقت کنید:

$(document).ready(function(){
$("p").hide();
});

در کد بالا بعد از آماده شدن صفحه، تگ های p پنهان میشوند.

اشتراک گذاری:
برچسب ها: تونل یادگیریجی کوئرییادگیری جی کوئری

مطالب زیر را حتما مطالعه کنید

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

12) ارسال اطلاعات به تگ ها با جی کوئری (Set)

دسترسی به محتوای html با جی کوئری

11) دسترسی به محتوای تگ ها با جی کوئری

افکت ها در جی کوئری

10) افکت ها در جی کوئری (تکمیلی)

انیمیشن در جی کوئری

9) انیمیشن در جی کوئری (Animation)

افکت Slide در جی کوئری

8) افکت Slide در جی کوئری

افکت Fade در جی کوئری

7) افکت Fade در جی کوئری

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
هیولای جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

دسته‌ها
  • Angular
  • Denojs
  • Electronjs
  • Mongo DB
  • Nodejs
  • React
  • Vue
  • ابزار و تکنولوژی
  • جاوااسکریپت
  • فریم ورک ها
  • کتابخانه ها
  • وبلاگ
  • یادگیری React
  • یادگیری جاوااسکریپت
  • یادگیری جی کوئری
جاوااسکریپت را از کجا شروع کنیم؟

نقشه راه یادگیری جاوا اسکریپت

MEGAJS | مگا جی اس

جدیدترین نوشته ها
  • ۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت
  • Typescript چیست؟ چرا باید ازش استفاده کنیم؟
  • ۲۵) آموزش اولویت عملگرها در جاوااسکریپت
  • ۲۴) آموزش عملگرهای منطقی در جاوااسکریپت
درباره MEGA JS

در دنیای برنامه نویسی که هر روز یک یا چند قدم از روز قبل جلوتر است یادگیری یک زبان برنامه نویسی که تمامی نیازهایمان را رفع کند بی شک بهترین انتخاب است. بی شک جاوااسکریپت قدرت نسل بعد این عرصه خواهد بود.

با عضویت در خبرنامه ما از آخرین آپدیت دوره ها و تخفیف ها با خبر باشید

کانال آپارات

فیلم های آموزشی رایگان در کانال آپارات MEGAJS

کانال آپارات MEGAJS

تمامی حقوق برای سایت MEGA JS محفوظ می باشد.

ورود

آموزش برنامه نویسی
رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت