منظور از JQuery چیست و چه ویژگی هایی دارد؟

منظور از JQuery چیست و چه ویژگی هایی دارد؟

منظور از JQuery چیست و چه ویژگی هایی دارد؟

آموزش jQuery برای مبتدیان و متخصصان دانش عمیقی از فناوری jQuery را ارائه می دهد.

آموزش jQuery ما به شما در یادگیری اصول اولیه jQuery ، به عنوان مثال ، انتخاب کننده ها ، رویدادها ، جلوه ها ، پیمایش ، CSS و ویژگی ها کمک می کند.

jQuery یک کتابخانه جاوا اسکریپت سریع ، کوچک ، چند پلتفرمی و غنی از ویژگی است. این برنامه برای ساده سازی اسکریپت نویسی سمت مشتری از HTML طراحی شده است.

این کار مواردی مانند پیمایش و دستکاری سند HTML ، انیمیشن ، مدیریت رویدادها و AJAX را با استفاده از API بسیار آسان که بر روی انواع مختلف مرورگرها کار می کند بسیار ساده می کند.

هدف اصلی jQuery ارائه راهی آسان برای استفاده از جاوا اسکریپت در وب سایت شماست تا تعاملی تر و جذاب تر شود.همچنین برای افزودن انیمیشن استفاده می شود.

 

JQuery چیست؟

 

jQuery یک کتابخانه جاوا اسکریپت کوچک ، سبک و سریع است. این برنامه چند پلتفرمی است و از انواع مختلف مرورگرها پشتیبانی می کند.

همچنین به عنوان “کمتر بنویس بیشتر انجام بده؟” زیرا انجام بسیاری از کارهای متداول که نیاز به خطوط زیادی از کد جاوا اسکریپت دارد ، انجام می دهد و آنها را به روش هایی متصل می کند که هر زمان که نیاز باشد می توان آنها را با یک خط کد فراخوانی کرد. همچنین ساده کردن بسیاری از موارد پیچیده از جاوا اسکریپت ، مانند تماس های AJAX و دستکاری DOM ، بسیار مفید است.

jQuery یک کتابخانه کوچک ، سریع و سبک جاوا اسکریپت است. jQuery مستقل از پلتفرم است. jQuery به معنی “کمتر بنویس ، بیشتر کار کن” است. jQuery تماس AJAX و دستکاری DOM را ساده می کند.

 

ویژگی های jQuery

 

در زیر ویژگی های مهم jQuery آورده شده است:

دستکاری HTML دستکاری DOM انتخاب عنصر DOM دستکاری CSS جلوه ها و انیمیشن ها خدمات رفاهی AJAX روشهای رویداد HTML JSON تجزیه و تحلیل قابلیت توسعه از طریق افزونه ها

 

چرا jQuery مورد نیاز است ؟

 

گاهی اوقات این سال مطرح می شود که نیاز به jQuery چیست یا چه تفاوتی در آوردن jQuery به جای AJAX/ JavaScript دارد؟

اگر jQuery جایگزین AJAX و JavaScript است؟ برای همه این سوالات ، می توانید پاسخ های زیر را بیان کنید.

بسیار سریع و قابل توسعه است. کاربران را قادر می سازد تا کدهای مربوط به رابط کاربری را در حداقل خطوط ممکن بنویسند. عملکرد یک برنامه را بهبود می بخشد.

برنامه های وب سازگار با مرورگر را می توان توسعه داد. از ویژگیهای جدید مرورگرهای جدید استفاده می کند.

بنابراین ، می توانید بگویید که از بین بسیاری از چارچوب های جاوا اسکریپت ، jQuery محبوب ترین و قابل توسعه ترین است. بسیاری از بزرگترین شرکت های موجود در وب از jQuery استفاده می کنند

برخی از این شرکتها عبارتند از:

  • Microsoft
  • Google
  • IBM
  • Netflix

 

قبل از شروع به یادگیری jQuery چه باید بدانید؟

 

همیشه قبل از شروع به یادگیری jQuery اصول اولیه طراحی وب را یاد بگیرید. او باید ابتدا HTML ، CSS و JavaScript را بیاموزد. اما ، اگر شما دارای سابقه فنی هستید ، این به شما بستگی دارد.

اگر تازه کار هستید و می خواهید ابتدا این موضوعات را مطالعه کنید.

 

مثال jQuery

 

jQuery توسط Google توسعه یافته است. برای ایجاد اولین مثال jQuery ، باید از فایل جاوا اسکریپت برای jQuery استفاده کنید. می توانید فایل jQuery را از jquery.com بارگیری کرده یا از آدرس مطلق فایل jQuery استفاده کنید.

در این مثال jQuery ، ما از URL مطلق فایل jQuery استفاده می کنیم. مثال jQuery در داخل تگ اسکریپت نوشته شده است. بیایید یک مثال ساده از jQuery را ببینیم.

کد :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>First jQuery Example</title>
  5. <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”>
  6. </script>
  7. <script type=”text/javascript” language=”javascript”>
  8. $(document).ready(function() {
  9. $(“p”).css(“background-color”, “cyan”);
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>The first paragraph is selected.</p>
  15. <p>The second paragraph is selected.</p>
  16. <p>The third paragraph is selected.</p>
  17. </body>
  18. </html>

خروجی :

$(document).ready() و $()

 

کد درج شده بین $ (سند) .ready () تنها یکبار اجرا می شود هنگامی که صفحه برای اجرای کد جاوا اسکریپت آماده است. به جای $ (سند) .ready () ، فقط می توانید از علامت اختصاری $ () استفاده کنید.

  1. $(document).ready(function() {
  2. $(“p”).css(“color”, “red”);
  3. });

کد بالا معادل این کد است.

  1. $(function() {
  2. $(“p”).css(“color”, “red”);
  3. });

بیایید مثال کامل jQuery را با استفاده از علامت اختصاری $ () ببینیم.

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Second jQuery Example</title>
  5. <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”>
  6. </script>
  7. <script type=”text/javascript” language=”javascript”>
  8. $(function() {
  9. $(“p”).css(“color”, “red”);
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>The first paragraph is selected.</p>
  15. <p>The second paragraph is selected.</p>
  16. <p>The third paragraph is selected.</p>
  17. </body>
  18. </html>

خروجی :

function() { $(“p”).css(“background-color”, “cyan”); }

رنگ پس زمینه همه <p> تگ یا پاراگراف را به فیروزه ای تغییر می دهد.

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن