تست کردن کتابخانه jQuery

تست کردن کتابخانه ی jQuery

برای تست یک کتابخانه، لازم است آنرا به صفحه وب خود را اضافه کنید.
برای اضافه کردن کتابخانه، باید از تگ <script> استفاده نمایید و خاصیت src آنرا به URL کتابخانه متصل کنید:
اضافه کردن jQuery به وب سایت:

<!DOCTYPE html>
<html>
<head>
                    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
    .
    .
    .

توضیحاتی درباره ی کتابخانه ی jQuery

مهمترین تابع در jQuery، تابع ()$ است که معادل متد ()document.getElementById در جاوا اسکریپت بوده و عملکردی معادل آن را دارد. اگر با توجه به مدل DOM در HTML، شناسه یک عنصر به آن فرستاده شود، در jQuery به تمامی خاصیت ها (property) و توابع آن دسترسی خواهید داشت.
در چارچوب کاری jQuery به منظور دستیابی به المان های HTML و دستکاری (مدیریت) آنها از انتخاب گرهای CSS استفاده می شود.
در جاوا اسکریپت می توان با تخصیص یک تابع، رخداد بارگذاری (load event) پنجره (شی window) را مدیریت کرد.

روش جاوا اسکریپت:

function myFunction() {
            var obj = document.getElementById("h01");
            obj.innerHTML = "Hello jQuery";
        }
        onload = myFunction;

معادل jQuery آن:

function myFunction() {
            $("#h01").html("Hello jQuery");
        }
        $(document).ready(myFunction);

آخرین خط در کد مثال بالا، شی document را به jQuery ارسال می کند: (document)$
تابع (document)$ یک شیء جدید در jQuery برمی گرداند، که ()ready یکی از توابع آن محسوب می شود.
به این خاطرکه توابع در جاوا اسکریپت یک نوع متغیر محسوب می شوند، می توان تابع myFunction را به عنوان یک متغیر به تابع ()ready فرستاد.

کار با کتابخانه ی jQuery

متد ()$ یک شی jQuery برمی گرداند، که با شی DOM فرستاده شده تفاوت دارد.
شیء jQuery، توابع و خاصیت هایی دارد که با خواص و توابع شیء DOM ارسال شده فرق می کند.امکان استفاده از خواص و توابع DOM در jQuery برای شما وجود ندارد.
مثال زیر را امتحان کنید: