ads مکان تبلیغات شما
زمان جاری : یکشنبه 10 مهر 1401 - 9:20 قبل از ظهر
نام کاربری :
پسورد :

ads ads ads ads
iman
آفلاین



ارسال‌ها : 62
عضویت: 12 /8 /1393
محل زندگی: K@rAj
سن: 14
شناسه یاهو: imanbabaei7979
تشکرها : 10
تشکر شده : 94
پاسخ : 1 RE آموزش JQuery ازصفر تا 100 همراه با مثال

سلام دوستان ببخشید یه مقدار دیر شد.
خب بریم سراغ این قسمت :


قسمت دوم : نحوه استفاده از JQuery


همانطور که در قسمت قبل گفتیم jquery یک کتاب خانه javascript هست و برای استفاده از jquery شما باید کتابخانه jquery رو توی سند خودتون فرخوانی کنید تا بتونید طبق ساختار jquery کد بزنید و از plugin های مختلف اون استفاده کنید.
شما میتونید کتابخانه jquery رو از وبسایت JQuery.com دانلود کنید.
کتابخانه jquery دو نوع یا مدل داره یکی نسخه کامل کتابخانه و باز آن هست و دیگری نسخه mini اون هستش که از نظر حجمی حجم mini یه چیزی بین 70 تا 100 کیلوبایت هستش اما نسخه کاملش حدود 280 کیلوبایته.
از لحاظ کارایی هیچ تفاوتی بین این دو نوع وجود نداره و فرقی که بین اونها هست اینه که نسخهmini فضای خالی و comment نداره و به صورت خطی نوشته شده. به قول معروف whitespace و comment هاش رو برداشتن.
بهتره که از نسخه mini استفاده کنید چون هم حجمش کم تره و هم اینکه سرعت بارگذاری بالاتری داره.
کتابخانه jquery یه فایل با پسوند js هستش که برای load کردن اون توی صفحه مثل بقیه فایل های جاوااسکریپت این کار رو انجام میدیم.
به این روش که با استفاده از تک script و خصوصیت src اون رو بیت تگ head داخل صفحه مورد نظر load میکنیمش.

در ضمن شما میتونید این کارو هم به دو صورت انجام بدید یکی اینکه فایل jquery رو از google یا microsoft داخل صفحه loadکنید و دیگری هم اینکه فایل رو دانلود کنید و کنار سندتون قرار بدید و مستقیم از طریق هاست خودتون این کارو انجام بدید.



روش مستقیم :


کد:
<div style="text-align: right;">< head> < script type="text/javascript" src="jquery.js">< /script > < /head></div>



از طریق google :



کد:
<div style="text-align: right;">< head> < script type= "text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">< /script > < /head></div>



از طریق microsoft :


کد:
<div style="text-align: right;">< head> < script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" >< /script > < /head></div>




شما میتونید از یکی از روش های بالا jquery رو توی صفحه خودتون لود کنید.
اگر از طریق google و microsoftاین کارو خواستید انجام بدید و به نسخه های قدیمی تر نیاز داشتید کافیه اسم فایل و پسوند رو پاک کنید و بعد آدرس رو تو مرورگر بزنید تا لیست نسخه ها براتون نمایش داده بشه.
بعد از load کردن jquery سند شما آماده هست تا کد های jquery رو اجرا کنه.

این قسمت به پایان رسید و در قسمت بعدی syntax اصلی jquery یا همون ساختار دستوری رو با مثال آموزش میدم.

امضا کاربر


پنجشنبه 22 آبان 1393 - 12:13
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 3 کاربر از iman به خاطر این مطلب مفید تشکر کرده اند: javadkhof / scd22 / ali054 /
پاسخ جدید