به زبان خیلی ساده jQuery را یاد بگیرید...!

K

katerateaz

New Member
با سلام خدمت دوستان عزیز، در این فرصت قصد دارم به زبان خیلی ساده، و با استفاده از چند مثال، jQuery را آموزش بدهم...
jQuery (جي کوئري) چيست؟


jQuery (جي کوئري) يک کتابخانه کم وزن، به معني: "کارهاي زياد با نوشتن کد کمتر" است.

هدف از jQuery (جي کوئري)، بکارگيري آسانتر JavaScript در وب سايتتان است.
jQuery (جي کوئري)، بسياري از کارهاي پيچيده در JavaScript مانند: AJAX، دستکاري عناصر و ... را ساده کرده است.
کتابخانه jQuery (جي کوئري) شامل ويژگي هاي زير است:

  • دستکاري محتواي عناصر HTML با توجه به مدل DOM (اگر مايليد درباره مدل DOM بيشتر بدانيد، لطفاً به لينک DOM Home مراجعه کنيد)
  • دستکاري ظاهر عناصر HTML با استفاده از CSS
  • مديريت کليه رويدادهاي عناصر HTML
  • متحرک سازي
  • AJAX
  • امکانات مفيد ديگر
lamp.png
توجه: علاوه بر ويژگي هاي بالا، jQuery (جي کوئري) تقريباً براي هر کاري که تصور کنيد يک Plugin دارد.


قبل از شروع چه چيزي را بايد بدانيد؟

قبل از اينکه ادامه دهيد، بايد يک سري اطلاعات پايه اي، راجع به موارد زير بدانيد:



jQuery (جي کوئري) يکي از کتابخانه هاي محبوب JavaScript است.
به مثال زیر توجه فرمایید:
JavaScript Code:
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});


جهت مشاهده نتیجه کد بالا، لطفاً روی لینک روبرو کلیک فرمایید: اجرای کد jQuery بالا


اضافه کردن jQuery به صفحه وب

چندین راه برای استفاده از jQuery وجود دارد:

  • دانلود کتابخانه jQuery از سایت jQuery.com و لینک کردن آن به صفحه وب توسط تگ <script>
  • استفاده از یک CDN مانند Google و اضافه کردن URL آن به صفحه وب توسط تگ <script>
lamp.png
توجه: CDN، مخفف کلمات Content Delivery Networks است (تحویل محتوی، روی شبکه). یک شبکه از چندیدن کتابخانه عمومی JavaScript است.



در مطلب بعدی، درباره ی ساختار دستورات jQuery آموزش خواهم داد.
 
آخرین ویرایش:
K

katerateaz

New Member
با jQuery یک عنصر یا تعدادی عنصر را انتخاب می کنید و عملی را روی آنها انجام می دهید.
نحوه نوشتن jQuery

jQuery بگونه ای بهینه شده که بتوانید با آسان ترین راه ممکن، عناصر HTML را انتخاب و عملی را روی آنها انجام دهید.
اصلی ترین دستور در jQuery:
[JSS] $(selector).action()


[/JSS]


  • علامت $: مانند متد ()document.getElementById در JavaScript عمل می کند (با این تفاوت که getElementById فقط به عناصر با id مشخص دسترسی داشت ولی $ می تواند به تمام عناصر دسترسی داشته باشد) و برای دسترسی به عناصر HTML در jQuery استفاده می شود.
  • (selector): نام کلاس، شناسه، نام تگ، نوع، نام خصوصیت و یا مقدار خصوصیت عنصر HTML است.
  • ()action: عملی است که روی عنصر HTML انجام می شود.
مثال:
[JSS]$(this).hide() //عنصر جاری را پنهان می کند
$("p").hide() //تمام پاراگراف ها را پنهان می کند
$(".test").hide() //تمام عناصری که شامل کلاس مشخص شده در این کد هستند را پنهان می کند
$("#test").hide() //عنصری که شامل شناسه مشخص شده در این کد هستند را پنهان می کند[/JSS]

lamp.jpg
آیا با گزینشگرهای CSS آشنا هستید؟ (CSS selector)
در jQuery برای دسترسی به عناصر HTML و دستکاری آنها از گزینشگرهای CSS استفاده می شود. در مطلب بعدی به این موضوع خواهیم پرداخت.
 
آخرین ویرایش:
K

katerateaz

New Member
[h=1]رویداد ready[/h] همانطور که تا به حال در مثال ها مشاهده کرده اید، تمام متدهای jQuery داخل رویداد ready آورده شده اند:
[JSS]$(document).ready(function(){

// jQuery methods go here...

});[/JSS]




این امر باعت می شود تا کدهای jQuery بعد ازبارگذاری کامل صفحه، اجرا شوند. همچنین با این تکنیک، قادر خواهید بود کدهای JavaScript را در قسمت <head> صفحه قرار دهید.
در اینجا مثال هایی آورده شده است که اگر قبل از بارگذاری کامل صفحه اجرا شوند، عمل نخواهند کرد:

  • تلاش برای پنهان کردن عنصری که هنوز ایجاد نشده است.
  • تلاش برای گرفتن عرض و ارتفاع عکسی که هنوز بارگذاری نشده است.
lamp.png
نکته: تیم jQuery یک متد کوتاه تر برای رویداد ready ایجاد کرده است:
[JSS]$(function(){

// jQuery methods go here...

});[/JSS]




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

ava282009

Member
مهاجرت به مجارستان یک گزینه ممکن است، اما نیازمند آگاهی کامل از مقررات و الزامات مهاجرتی مرتبط با این کشور است. در ادامه، چند نکته کلی در مورد مهاجرت به مجارستان آورده شده است:

1. **انواع ویزا:**
- ویزای شینگن: اگر شما به مجارستان می‌خواهید سفر کنید، ممکن است به ویزای شینگن نیاز داشته باشید که به شما اجازه ورود به کشورهای منطقه شینگن را می‌دهد.

- ویزای کار: اگر قصد کار در مجارستان دارید، باید ویزای کار مرتبط با شغل موردنظرتان را اخذ کنید.

- اقامت دائم: در صورت تمایل به اقامت دائم در مجارستان، باید شرایط مشخصی را ارضا کنید.

2. **تحصیلات:** تحصیل در مجارستان
- اگر می‌خواهید در دانشگاه‌های مجارستان تحصیل کنید، باید مراحل ثبت‌نام و اخذ ویزای تحصیلی را دنبال کنید.

3. **زبان مجاری:**
- آشنایی با زبان مجاری می‌تواند در زندگی روزمره و تعامل با محیط محلی کمک کند.

4. **ترتیبات مالی:**
- اثبات توانایی مالی برای زندگی در مجارستان از جمله مواردی است که ممکن است لازم باشد.

5. **کار و شغل:**
- در صورتی که به دنبال کار هستید، باید مجوز کار معتبر دریافت کنید.

6. **مشاوره حقوقی و مهاجرتی:**
- مشاوره از مشاوران حقوقی یا مشاوران مهاجرتی می‌تواند در تسریع و سهولت در فرآیند مهاجرت به مجارستان کمک کند.

7. **پناهندگی:**
- اگر به دنبال پناهندگی هستید، باید با مقررات مربوطه آشنا شده و درخواست خود را مطالبه کنید.

قبل از اقدام به هر گونه مهاجرت، توصیه می‌شود که به دقت قوانین و مقررات مهاجرتی مجارستان را مطالعه کنید و از خدمات مشاوره مهاجرتی استفاده کنید.
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا