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

تست کردن کتابخانه 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 برای شما وجود ندارد.
مثال زیر را امتحان کنید:

نمونه یک

    
امتحان کنید

حال این مثال را امتحان کنید:

نمونه دو

امتحان کنید

همان طور که در مثال بالا مشاهده کردید، jQuery اجازه ی ذخیره سازی را به شما می دهد (امکان انجام چندین کار روی یک شی را به طور همزمان فراهم می آورد).

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 1736
  •    1422
  • تاریخ ارسال :   1394/08/11

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .