jQuery – שיטה חדשה לכתיבת JavaScript

יותר ויותר אתרי אינטרנט ואפליקציות משתמשות ב-jQuery על מנת לשלב JavaScript. מאמר מבוא זה מספר ומדגים שימוש ב-jQuery באתר אינטרנט

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

אז מה זה jQuery?

jQuery היא Framework- ספרית JavaScript שמכילה מאות פקודות מקוצרות עם סינטקס שמאפשר לנו לדבר עם הפקודות האלו ולהפוך אותן לזמינות בקוד שלנו. באופן יותר מופשט – אנו יכולים לבצע דברים מרהיבים במעט מאד קוד.

נשמע מסובך? ממש לא. שימו לב לדבר הבא:


תלחצו עלי

jQuery זה פשוט ביותר, כדי להראות ולהסתיר את הפסקה הזו (ועוד באנימציה!) הייתי צריך לכתוב כמה וכמה שורות קוד. יצרתי את האפקט הזה באמצעות שורות קוד בודדות:


<script type="text/javascript">
$(document).ready(function() {
$("#clickme").click(function () { 
$("#example").show("slow")
});
 });
</script> </p>

שימו לב לכמה מעט קוד כתבתי על מנת לגרום לזה לקרות לעומת כמה שורות קוד הייתי צריך לכתוב אם הייתי כותב את זה בקוד JavaScript רגיל. (ויש עוד אנימציה).

באתר אינטרנט / אפליקצית web רגילה יש לא מעט JavaScript, שימוש ב-jQuery יכול לחסוך זמן פיתוח רב ולהביא לתוצאות יותר טובות.

האתר של jQuery הוא מצויין ויש בו דוקומנטציה מצוינת באנגלית. עבור מי שאין כוח/יכולת לקרוא טקסט רב באנגלית, כדאי להתחיל לקרוא את המאמר הבא שלי על הבסיס של jQuery.

פוסטים נוספים שכדאי לקרוא

פתרונות ומאמרים על פיתוח אינטרנט

נגישות טכנית – פודקאסט ומבוא

פרק בפודקאסטעל נגישות בעברית שצולל לכלים האוטומטיים ולפן המאד מאד טכני של הנגישות.

פתרונות ומאמרים על פיתוח אינטרנט

יישום של nonce על מנת להגן מפני התקפות injection

בפוסט הקודם הסברתי על hash עם CSP על משאבי inline – שזה נחמד ומעולה אבל פחות ישים בעולם האמיתי שבו בדרך כלל התוכן ה-inline (בין

מיקרו בקרים

בית חכם עם ESPHome ו Home Assistant

הסבר על הום אסיסטנט, מערכת הקוד הפתוח לבית חכם ואיך לחבר אליה מיקרובקרים.

גלילה לראש העמוד