آموزش Jquery قسمت اول

سلام

به طور اختصاصی امروز حسّ اینکار اومد تا براتون آموزش Jquery قرار بدم به صورت کاملا فارسی !🙂

#1

Jquery یک کتابخانه مربوط به JS هستش که کاربردش امروزه بیش از حدّ تصور رفته . شکل کلی استفاده در صفحات HTML به صورت زیر هستش :

<code>

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
            // Jquery Script .: MarDak.WordpRess.com :.
    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

</code>

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

برای دانلود کتابخانه به سایت زیر مراجعه کنید :

http://docs.jquery.com/Downloading_jQuery

#2

در قسمت بعدی میخوام شما رو با چند نمونه از کتابخانه Jquery آشنا کنم به کد زیر توجه کنید :

window.onload = function(){ alert("welcome"); }

این کدی میباشد که برنامه نویسان جاوا اسکریپت آنرا در برنامه های خود بکار میبرند (منظور سبک نوشتار هستش) . این کد مربوط به Option صفحه ای که اجرا یا درحال اجرا است میباشد یعنی » window » پس این کد مربوط به کار با صفحه میباشد .

کدی که در بالا قرار دادم میاد زمانی که صفحه کاملا بالا اومده (دانلود شده) یک پیغام » Welcome » به صورت alert به ما نشون میده . که با کمی فکر خلاق با همین کد ساده میشه خیلی کارها در آینده انجام داد . مثل نمایش بنر های تبلیغاتی . شما میدانید که بنر های تبلیغاتی در بعضی سایت ها جلو لود شدن محتوا را میگیرند و زمان بسیاری را صرف میکنند شما با اینکار میتونید کاری کنید که وقتی محتوای سایت کامل دانلود شد بنر های تبلیغاتی را نشان دهید

معمولا برای انجام یک عملیات ما کدهامون رو بین function() {} قرار میدم که بعدا توضیح مربوط به این را هم میدهم .

پایان قسمت اول

نوسینده : امیر سلیمانی

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

%d وب‌نوشت‌نویس این را دوست دارند: