keyboard_return  چسبون مقالات آموزشی آموزش jQuery صفر تا صد (قسمت اول)
  1. آموزش jQuery صفر تا صد (قسمت اول)

jquery چیست؟

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

jquery

حتما دیدید که بعضی سایت ها عناصر html رو افکت انیمیشن میدن و یا حتما دیدید که اطلاعات فرمی بدون رفرش شدن صفحه بارگذاری میشه. بله همه ی این ها با جی کوئری نوشته میشه. جی کوئری از توابع ajax پشتیبانی می کنه و کار با این توابع که در ایجکس خیلی مشکل هستند رو براتون آسون می کنه. خب برای شروع جی کوئری نیاز به پیش نیاز های زیر دارید:

خب اگر این برنامه هایی که ذکر شد رو وارد هستید بهش بیاید شروع کنیم. به سایت جی کوئری برید و کتابخانه ی جی کوئری رو دانلود کنید.

خب میریم سراغ آموزش جی کوئری:

خب فایلی که دانلود کرده اید که پسوند آن js است را باید در فایل html خودتون در قسمت head فراخوانی کنید.

<script type="text/javascript" src="jquery.js"></script>

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

< script type = "text/javascript" > $(document).ready(function() {
    $("p").click(function() {
        $(this).hide();
    });
}); < /script>

برای مثال وقتی کاربر روی عبارت "chasboon.ir" تگ <p>  کلیک کند این تگ و محتویات درونش مخفی (hide) می شود.

<html>

<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("p").click(function() {
                $(this).hide();
            });
        });
    </script>
</head>

<body>
    <p>chasboon.ir</p>
</body>

</html>

همانطور که مشاهده می کنید تگ های جی کوئری درون تابعی با نام $ نوشته می شوند. ما در این کد میگوییم وقتی کاربر روی هر تگ <p> کلیک کرد تمامی محتویات درون تگ های p مخفی (hide) شوند. تبریک.به همین سادگی اولین کد جی کوئری را نوشتید.

نکته: برای درج توضیحات در جی کوئری از // یا /* */ استفاده می کنیم.

//this is a comment 
/*
 chasboon.ir
 آموزش برنامه نویسی نوین با زبان های برنامه نویسی نوین 
 */

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

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="yourcode.js"></script>

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

آموزش jQuery صفر تا صد (قسمت اول) - 4.2 از 5 بر اساس 150 رای

امتیاز کاربران

آموزش jQuery صفر تا صد (قسمت اول)
دیدگاه‌ها
مهران مهران 4 سال پیش
سلام خیلی خوب بود

2021 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.