اگر با کد های جی کوئری کار می کنید، به احتمال زیاد، بار ها و بار ها به سوالاتی بر می خورید و به دنبال پاسخ آن ها می گردید. در این مقاله، لیستی از سوالات در رابطه با جی کوئری، و پاسخ های که اغلب با پرسش های جی کوئری مطرح می شود، ارائه شده است.(توصیه می شود دوره آموزشی طراحی سایت و پکیج آموزش طراحی سایت را مشاهده کنید)
۱) جی کوئری چیست؟
جی کوئری / jQuery یک کتابخانه ی جاوا اسکریپت سمت کاربر سریع، سبک، و با ویژگی های زیاد است. جی کوئری همچنین، چند پلت فرمی است و از انواع مختلف مرورگر ها پشتیبانی می کند. که یک ارتقاء بسیار ضروری برای جاوا اسکریپت را فراهم کرده است. قبل از جی کوئری، کدهای جاوا اسکریپت حتی برای عملکرد های کوچکتر، طولانی تر و بزرگتر بود. بنابراین jQuery باعث می شود که یک وب سایت، تعاملی و جذاب تر باشد.
________________________________________
۲) آیا jQuery یک زبان برنامه نویسی است؟
جی کوئری یک زبان برنامه نویسی نیست بلکه یک کد جاوا اسکریپت است. جی کوئری برای مرور اسناد، مدیریت رویداد، تعامل آژاکس و انیمیشن استفاده می شود.
________________________________________
۳) تفاوت بین جاوا اسکریپت و جی کوئری چیست؟
یک تفاوت ساده بین جاوا اسکریپت و جی کوئری این است که جاوا اسکریپت / JavaScript یک زبان است در حالی که jQuery یک کتابخانه ی داخلی ساخته شده برای جاوا اسکریپت است. جی کوئری، استفاده از زبان جاوا اسکریپت را ساده می کند.
________________________________________
۴) آیا جی کوئری جایگزین جاوا اسکریپت است؟
نه، جی کوئری جایگزین جاوا اسکریپت نیست. جی کوئری در بالای جاوا اسکریپت نوشته شده است و یک کتابخانه ی متفاوت است. جی کوئری یک کتابخانه جاوا اسکریپت سبک است که برای تعامل با جاوا اسکریپت و HTML استفاده می شود.
________________________________________
۵) چرا از jQuery استفاده می کنیم؟
- یادگیری و استفاده از آن بسیار آسان است.
- برای توسعه ی برنامه های کاربردی وب سازگار با مرورگر استفاده می شود.
- عملکرد برنامه را بهبود می بخشد.
- بسیار سریع و قابل گسترش است.
- این امکان را فراهم می آورد که حداقل خطوط کدهای مربوط به توابع مرتبط با UI را بنویسید.
- پشتیبانی چند مرورگری را فراهم می کند.
آموزش پیشنهادی برای شما : آموزش جی کوئری (jquery) از مقدماتی تا پیشرفته
________________________________________
۶) ()$ در کتابخانه ی جی کوئری چیست؟
تابع ()$ نام مستعار تابع ()jQuery است. و برای قرار دادن هر شیء در شیء jQuery، استفاده می شود که بعد ها شما را قادر می سازد روش های متمایز تعریف شیء جی کوئری را فراخوانی کنید. همچنین می توانید رشته سلکتور را به ()$ منتقل کنید و در نتیجه، یک شیء jQuery را که حاوی آرایه ای از تمام عناصر همگام DOM است باز می کند.
سینتکس:
|
1 2 3 |
$(document).ready(function() { $("p").css("background-color", "pink"); }); |
________________________________________
۷) متد های افکت در jQuery کدام اند؟
این متد ها، برخی از متد های افکت در جی کوئری هستند:
- ()show – عناصر انتخاب شده را نمایش می دهد.
- ()hide – عناصر همسان یا انتخاب شده را پنهان می کند.
- ()toggle – عناصر همسان را نشان می دهد یا پنهان می کند. به عبارت دیگر، بین حالت ()hide و ()show تغییر می کند.
- ()fadeIn – عناصر همسان را از حالت محو، نشان می دهد. به عبارت دیگر، عناصر انتخابی نمایان می شوند.
- ()fadeOut – عناصر همسان را به حالت محو می روند. به عبارت دیگر، عناصر انتخاب شده ناپدید می شوند.
________________________________________
۸) کاربرد روش ()toggle در جی کوئری چیست؟
تغییر وضعیت ()toggle در جی کوئری، یک نوع خاص از روشی است که برای تغییر بین حالت ()hide و ()show استفاده می شود. به صورتی که عناصر پنهان را نشان می دهد و عنصر پیدا را پنهان می کند.
سینتکس:
|
1 2 3 4 |
$(selector).toggle(); $(selector).toggle(speed, callback); $(selector).toggle(speed, easing, callback); $(selector).toggle(display); |
سرعت / speed: یک پارامتر اختیاری است. که سرعت تاخیر را مشخص می کند. مقادیر معتبر برای آن، آهسته / slow، سریع / fast و میلی ثانیه / milliseconds است.
easing: یک تابع easing را برای استفاده در انتقال تعریف می کند.
callback: یک پارامتر اختیاری است. که تابع را برای فراخوانی بعد از اتمام افکت ()toggle تعریف می کند.
display: اگر true باشد، عنصر را نمایش می دهد. اگر false باشد، عنصر را پنهان می کند.
________________________________________
۹) هدف از روش ()fadeToggle در جی کوئری چیست؟
روش ()fadeToggle در جی کوئری برای تغییر وضعیت بین روش های ()fadeIn و ()fadeOut استفاده می شود. اگر عناصر نمایان باشند، آن ها را پنهان می کند، و اگر پنهان باشند، آن ها را نمایش می دهد.
سینتکس:
|
1 2 3 |
$(selector).fadeToggle(); $(selector).fadeToggle(speed,callback); $(selector).fadeToggle(speed, easing, callback); |
سرعت / speed: یک پارامتر اختیاری است. که سرعت تاخیر را مشخص می کند. مقادیر معتبر برای آن، آهسته / slow، سریع / fast و میلی ثانیه / milliseconds است.
easing: یک تابع easing را برای استفاده در انتقال تعریف می کند.
callback: یک پارامتر اختیاری است. که تابع را برای فراخوانی بعد از اتمام افکت ()fadeToggle تعریف می کند.
________________________________________
۱۰) کاربرد روش delay() در جی کوئری چیست؟
روش delay() در جی کوئری برای تأخیر اجرای توابع در صف استفاده می شود. و بهترین روش برای تأخیر بین افکت ها jQuery در صف است. روش delay() در جی کوئری، یک تایمر را تنظیم می کند تا اجرای آیتم بعدی در صف را به تاخیر بیاندازد.
سینتکس:
|
1 |
$(selector).delay (speed, queueName) |
سرعت / speed: یک پارامتر اختیاری است. که سرعت تاخیر را مشخص می کند. مقادیر معتبر برای آن، آهسته / slow، سریع / fast و میلی ثانیه / milliseconds است.
queueName: یک پارامتر اختیاری است. که نام صف را مشخص می کند. مقدار پیش فرض آن، “fx”، افکت صف استاندارد است.
________________________________________
۱۱) آیا ممکن است که HTML جی کوئری برای هر دو سند HTML و XML کار کند؟
نه، jQuery HTML فقط برای سند HTML کار می کند. و برای اسناد XML کار نمی کند.
________________________________________
۱۲) کاربرد متد html() در جی کوئری چیست؟
متد html() در جی کوئری، برای تغییر کل محتوای عناصر انتخاب شده مورد استفاده قرار می گیرد. به طوری که عنصر انتخاب شده را با محتویات جدید جایگزین می کند.
سینتکس:
|
1 2 3 4 5 |
$(document).ready(function(){ $("button").click(function(){ $("p").html("Hello <b>Javatpoint.com</b>"); }); }); |
برای دیدن یک مثال کامل: این جا را کلیک کنید
________________________________________
۱۳) کاربرد روش CSS() در جی کوئری چیست؟
روش CSS() در جی کوئری برای گرفتن (برگرداندن) یا تنظیم خواص یا مقادیر استایل برای عناصر انتخاب شده استفاده می شود. این روش به شما اجازه می دهد که یک یا چند ویژگی استایل را دریافت کنید. روش CSS() در jQuery دو راه فراهم می کند:
- یک ویژگی CSS را بر می گرداند
این راه برای گرفتن مقدار یک ویژگی خاص CSS استفاده می شود.
|
1 2 3 4 5 |
$(document).ready(function(){ $("button").click(function(){ alert("Background color = " + $("p").css("background-color")); }); }); |
- یک ویژگی CSS را تنظیم می کند
این ویژگی برای تنظیم یک مقدار خاص برای تمام عنصر همسان استفاده می شود.
|
1 2 3 4 5 |
$(document).ready(function(){ $("button").click(function(){ $("p").css("background-color", "violet"); }); }); |
برای اطلاعات بیشتر این جا را کلیک کنید
________________________________________
۱۴) آیا کتابخانه ی jQuery برای اسکریپت سرور استفاده می شود یا اسکریپت سرویس گیرنده؟
جی کوئری یک کتابخانه برای اسکریپت های سمت سرویس گیرنده یا سمت کاربر است.
________________________________________
۱۵) آیا جی کوئری یک استاندارد W3C است؟
نه، جی کوئری استاندارد W3C نیست.
________________________________________
۱۶) نقطه شروع اجرای کد در جی کوئری چیست؟
نقطه شروع کد جی کوئری، تابع $(document).ready() است. و وقتی DOM بارگذاری می شود، اجرا می شود.
________________________________________
۱۷) الزامات اساسی برای شروع کار با جی کوئری چیست؟
برای شروع کار با jQuery لازم است به کتابخانه ی آن مراجعه کنید. شما می توانید آخرین نسخه ی جی کوئری را از jQuery.com دانلود کنید.
________________________________________
۱۸) آیا می توانید از هر نام دیگری به جای $ (علامت دلار) در جی کوئری استفاده کنید؟
بله، به جای $ (علامت دلار) می توان از jQuery به عنوان یک نام تابع استفاده کرد. مثلا:
|
1 2 3 |
jQuery(document).ready(function() { jQuery("p").css("background-color", "pink"); }); |
________________________________________
۱۹) آیا می توان از چندین تابع document.ready() در یک صفحه استفاده کرد؟
بله شما می توانید از هر تعداد تابع document.ready() در یک صفحه استفاده کنید. مثلا:
|
1 2 3 4 5 6 |
$(document).ready(function() { $("h1").css("background-color", "red"); }); $(document).ready(function() { $("p").css("background-color", "pink"); }); |
________________________________________
۲۰) تفاوت بین متد های find و children چیست؟
متد find برای جستجو در تمام سطوح پایین تر از درخت DOM مورد استفاده قرار می گیرد، در حالی که روش children برای پیدا کردن در یک سطح پایین تر از درخت DOM مورد استفاده قرار می گیرد.
