logo

כיצד להוסיף jQuery ל-Html

להלן שתי הדרכים השונות להוספת ה-jQuery לדף HTML:

  1. הורד וכלול קובץ jQuery
  2. כלול את jQuery מאת CDN.

הורד וכלול קובץ jQuery

אם ברצוננו להוסיף את ה-jQuery לדף HTML על-ידי הורדת קובץ jQuery, עלינו לבצע את השלבים המפורטים להלן. באמצעות השלבים הללו, כל משתמש יכול להוסיף בקלות את ה-jQuery.

שלב 1: ראשית, עלינו להוריד את קובץ jquery js מהאתר הרשמי הבא של jQuery. https://jquery.com/download/

כיצד להוסיף jQuery ל-Html

שלב 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: לאחר מכן, עלינו למקם את הסמן בין תג ה-head ממש לפני תג הכותרת. ואז אנחנו צריכים להשתמש ב- תָג , המציינים את תכונת 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: לאחר מכן, עלינו למקם את הסמן בין תג head ממש לפני תג הכותרת . ואז עלינו להשתמש בתג, שמציין את תכונת 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">