למרות שיש קווי דמיון רבים בין jQuery ל-JavaScript, קיימים מספר הבדלים גם בתחביר ובפונקציונליות שלהם. לשם כך, ראשית, הבן מה קוד jQuery מנסה לעשות. לאחר מכן, השתמש בשיטות או בתכונות החלופיות של JavaScript של וניל.
בלוג זה ידון בהמרה של קוד jQuery ל-JavaScript.
כיצד להמיר קוד jQuery ל-JavaScript?
להמרת קוד jQuery ל-JavaScript, חיוני להבין מה הקוד עושה ובאילו שיטות jQuery משתמשים. לאחר מכן, השתמש בשיטות החלופיות ב-JavaScript, כגון ' $() ' בשימוש ב-jQuery לבחירת אלמנטים בזמן ב-JavaScript, לבחירת אלמנטים ' document.querySelector() ' או ' querySelectorAll() נעשה שימוש בשיטות.
בואו נבין את תהליך ההמרה בעזרת דוגמה.
דוגמא
כאן, יש לנו קוד jQuery שמשנה את צבע הטקסט ומציג טקסט הסבר בלחיצת כפתור. לשם כך, מסמך ה-HTML מכיל שני לחצנים, טקסט ותג
ריק שבו הטקסט החדש יוצג בלחיצה על הכפתור:
< מזהה div = 'myDiv' >
< ע מעמד = 'טֶקסט' > מדריך JavaScript ע >
< מזהה כפתור = 'לַחְצָן' > לחץ כאן לַחְצָן >
< מזהה כפתור = 'לַחְצָן' > לחץ כאן לַחְצָן >
< p id = 'הוֹדָעָה' > ע >
div >
בזמן העבודה עם jQuery, חובה להוסיף את ספריית jQuery בתג
של מסמך ה-HTML: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > תַסרִיט >בתג