فيما يلي طريقتان مختلفتان لإضافة jQuery إلى صفحة Html:
- قم بتنزيل وتضمين ملف jQuery
- قم بتضمين jQuery بواسطة CDN.
قم بتنزيل ملف jQuery وتضمينه
إذا أردنا إضافة jQuery إلى صفحة Html عن طريق تنزيل ملف jQuery، فعلينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكن لأي مستخدم بسهولة إضافة ملف jQuery.
الخطوة 1: أولاً، علينا تنزيل ملف jquery js من الموقع الرسمي التالي لـ jQuery. https://jquery.com/download/
الخطوة 2: عندما نقوم بتنزيل الملف، يتعين علينا فتح ملف Html الذي نريد إضافة jquery إليه.
Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
الخطوه 3: بعد ذلك، يتعين علينا وضع المؤشر بين علامة الرأس قبل علامة العنوان مباشرةً. وبعد ذلك يتعين علينا استخدام بطاقة شعار ، والتي تحدد سمة src لإضافة ملف jQuery.
Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
الخطوة 4: وأخيرًا، احفظ ملف Html وتمت إضافة ملف jQuery بنجاح إلى صفحة Html الخاصة بنا.
قم بتضمين jQuery بواسطة CDN
إذا أردنا إضافة jQuery إلى صفحة Html بمساعدة CDN، فعلينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكن لأي مستخدم بسهولة إضافة ملف jQuery.
الخطوة 1: أولاً، علينا فتح ملف Html الذي نريد إضافة jQuery إليه باستخدام CDN.
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
الخطوة 2: بعد ذلك، يتعين علينا وضع المؤشر بين علامة الرأس قبل علامة العنوان مباشرةً. وبعد ذلك يتعين علينا استخدام العلامة التي تحدد سمة src للإضافة.
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
الخطوه 3: وبعد ذلك، يتعين علينا كتابة المسار التالي في سمة src.
http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js
الخطوة 4: وأخيرًا، احفظ ملف Html وتمت إضافة ملف jQuery بنجاح إلى صفحة Html الخاصة بنا.
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">