دانلود جی کوئری

هدایت عباسی آموزش جی کوئری

آموزش ویدئویی دانلود جی کوئری

دانلود فیلم و آموزش ویدئویی دانلود جی کوئری . در این فیلم با دانلود جی کوئری آشنا می شوید.

چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید.

مشاهده یا دانلود فیلم بالا

آموزش دانلود جی کوئری به دو روش و روش cdn و نحوه استفاده از جی کوئری (jquery) همراه با مثال و توضیحات کامل.

در این بخش از آموزش جاوا اسکریپت (javascript) از تاپ سایت 98 به سراغ دانلود جی کوئری می رویم.

دانلود فایل جی کوئری

برای دانلود فایل جی کوئری می بایست به آدرس سایت https://jquery.com/download/ برویم.

در این قسمت چندین فایل جی کوئری را می بینید که می توانید دانلود کنید.

پیشنهاد می شود گزینه Download the compressed, production jQuery 3.3.1 را انتخاب کنید.

در این صورت فایل فشرده یا compressed را دانلود می کنید. فایل فشرده موجب صرفه جویی در پهنای باند و بهبود عملکرد در تولید می شود.

نسخه های فشرده و غیر فشرده از فایل های جی کوئری در دسترس هستند.

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

روش دانلود فایل جی کوئری

در این بخش دو روش دانلود فایل جی کوئری را توضیح می دهیم.

روش اول کلیک راست روی فایل فشرده جی کوئری Download the compressed و ذخیره فایل است . در این حالت صفحه ای باز می شود و درخواست می کند که فایل را ذخیره نمایید.

روش دوم کلیک روی همین گزینه است. احتمالا یک صفحه عجیب باز می شود . کافی است روی صفحه کلیک راست کرده و آن را ذخیره نمایید.

در این صورت یک فایل با پسوند js ذخیره میشود. حال می توانید از این فایل جی کوئری استفاده نمایید.

مثلا می تواند نام فایل jquery-3.3.1.min.js باشد.

روش cdn جی کوئری

در روش cdn جی کوئری ما بجای اینکه فایل را دانلود کنیم و از آن استفاده کنیم می توانیم از cdn آن استفاده کنیم.

فایل در یک سرور آپلود شده است و ما می توانیم از آدرس آن فایل استفاده کنیم.

شرکت های معتبری این فایل ها را آپلود کرده اند و ما در مثال زیر از cdn استفاده می کنیم.

در مثال زیر ما یک تگ h1 با مقدار TopSite98 را قرار داده ایم.

با کلیک روی دکمه ، این متن مخفی می شود.

برای اجرای کد زیر کافی است آن را در یک فایل با پسوند html ذخیره کرده و اجرا نمایید.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax /libs/jquery/3.3.1/ jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#top").click(function(){
$("h1").hide();
});
});
</script>
</head>
<body>
<h1>TopSite98.com</h1>
<button id="top">Hide</button>
</body>
</html>

نحوه استفاده از جی کوئری

در این قسمت با نحوه استفاده از جی کوئری آشنا می شویم.

در مثال بالا با نحوه استفاده از cdn آشنا شدیم.

حال می خواهیم با نحوه استفاده از فایل جی کوئری که دانلود کرده ایم آشنا شویم.

در مثال زیر فایل jquery را در کنار فایل html قرار می دهیم حتما به نام فایل دقت کنید.

در صورتی که کد جواب نداد احتمالا آدرس فایل یا نام فایل جی کوئری اشتباه است.

همان مثال بالا را تغییر دادیم و بجای استفاده از cdn جی کوئری از فایل استفاده کردیم.

دقت کنید نام فایل را تغییر دهید و آن را jquery.min.js بگذارید وگرنه کد اجرا نخواهد شد.

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#top").click(function(){
$("h1").hide();
});
});
</script>
</head>
<body>
<h1>TopSite98</h1>
<button id="top">Hide</button>
</body>
</html>

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.

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