آموزش JQuery (قسمت ۱)

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

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

پس بدون مقدمه میریم سره آموزش. خب برای اینکه بتوانید از کتاب خانه JQuery استفاده کنید، ابتدا باید فایل مربوط به JQuery رو داخل پروژه خودتان وارد کنید که به ۲ روش زیر می توانید انجام دهید :

  • در این روش باید فایل JQuery رو دانلود و به صورت Local از آن استفاده کنید.
<script type='text/javascript' src='آدرس فایل Jquery.js'></script>
  • در این روش نیاز به دانلود فایل JQuery‌نیست و می توانید از CDN این کتاب خانه استفاده کنید.
<script type='text/javascript'src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

توجه داشته باشید که این کدها را باید در انتهای کدهای خود یعنی قبل از تگ <body/> استفاده کنید.

خب حالا فایل JQuery رو وارد پروژه کردیم و می توانیم کدهای مورد نظر رو بنویسیم.

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

<script type='text/javascript'>
   $(document).ready(function(){
      محل نوشتن کدها...
      // alert('سایت آموزشی دکتر کد');
   });
</script>

توجه داشته باشید که این کدها باید بعد از فراخوانی فایل JQuery نوشته شوند زیرا این کدها وابسته به فایل JQuery هستند.

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


قسمت بعدی ◄

آموزش های مرتبط :



پرسش و پاسخ
مریم در 06 فرودین 1397 :
سایت خوبی دارین،خیلی خوووب ی سوال دارم،این مطالبو ک گذاشتین کدوم قسمت لب تاپ عملی میکنیم؟؟
دکتر کد در 06 فرودین 1397 :
سلام.ممنون از لطفتون.برای مشاهده خروجی این کد ها حتی می تونید با استفاده از Notepad خود ویندوز هم استفاده کنید ولی باید آشنایی اولیه با کدنویسی وب داشته باشید.

سوالی دارید بپرسید؟