doron amir
 
דואר אלקטרוני:
 
 
סיסמה:
 
 
 
 
 
 
לוח פגישות
 
|
 
איזכור סיסמא
 
עברית
 
|
 
english
 
|
 
русский
 
 
 
doron amir
 
קורסים ותרגול
 
עמוד הבית
 
חבילות
הדרכה
 
החשבון שלי
 
אודות
דורון אמיר
 
צור קשר
 
מאגר תרגילים ופתרונות
 
מאמרי גולשים
 
קורס אנדרואיד

מבוא לjQuery

צפיות:
6,268
דירוג:
9.4
דירוג המאמר:
 
שליחה
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

מה זה jQuery    ?

jQuery   היא ספריית JavaScript שעוזרת לנו לעשות הרבה מאוד פעולות בצד הלקוח כגון אינטרקציה ומניפולציה של הDOM (Document Object Model), אנימציות ואפקטים בצורה הרבה יותר פשוטה ובהרבה פחות קוד מאשר אם היינו מנסים לממש את אותם הדברים מאפס בJavaScript

 

מה צריך לדעת לפני שמתחילים ללמוד jQuery?

לפני שמתחילים ללמוד jQuery  צריך לדעת  JavaScript לפחות ברמה בסיסית, כאמור jQuery  היא ספריית JavaScript  כלומר jQuery עצמה כתובה בJavaScript וקוד הClient (צד הלקוח) שנכתוב יהיה קודJavaScript שמשתמש בספריות jQuery כדי לממש את מה שאנחנו רוצים בצורה הרבה יותר פשוטה.

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

מה ההבדל בין JavaScript לjQuery? 

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

jQuery היא לא שפת תכנות וגם לא מרחיבה את שפת הjQueryJavaScript היא אוסף של מאות מתודות שעוזרות לנו לכתוב קוד צד לקוח קצר יותר, יעיל יותר ומובן יותר וגם חוסכת לנו בדיקות התאמה של הקוד בדפדפנים שונים כי כל קוד jQuery שנכתוב יעבוד בצורה זהה בכל הדפדפנים. 

 

 

מה היתרונות של jQuery?

·         גודל ספרייה קטן

·         תאימות בין דפדפנים

·         חינמית

·         ישנם הרבה מאוד להודרה ברשת

·         דוקומנטציה מעולה

·         קהילת מפתחים גדולה ברשת

·         VS2010 מספק Intellisense עבור jQuery

 

האם jQuery לבד בשטח?

לא, ישנן עוד ספריות JavaScript דומות פחות או יותר לjQuery כמו MooTools, Prototype ו Dojo אבל jQuery היא הפופולרית ביותר והעובדה שVS2010 מכיל Intellisense עבורה נותן לה ייתרון גדול.

 

אתר הבית של jQuery:

http://jQuery.com/

האתר מכיל כל מה שצריך לדעת על jQuery: מדריכים, הסברים, דוגמאות קוד, תוספים להורדה וכמובן קישור להורדת הגרסה האחרונה של ספריית הjQuery  עצמה.

 

מאיפה מתחילים:

כדי שניתן יהיה להשתמש ב jQuery בקובץ הHTML שלכם יש להוסיף קישור לקובץ הJavaScript שמכיל את ספריית הjQuery, את זה ניתן לעשות ב2 דרכים:

הדרך הראשונה היא לגלוש לאתר הבית של jQuery , להוריד את הקובץ של הגרסה האחרונה משם, לשים אותו בתיקיה יחד עם קובץ הHTML ולקרוא לו בתוך תגית הHead של קוד הHTML

 

<script type="text/javascript" language="javascript" src="jQuery-1.6.4.min.JavaScript">script>
 

באתר ישנן 2 גרסאות להורדה של ספריית הjQuery, הגרסה הראשונה (וזאת שאנחנו נשתמש בה) היא גרסת הMinified כלומר גרסה שהקוד בה מכווץ וכתוב כולו בשורה אחת בלי רווחים כדי להקטין כמה שיותר את גודל הקובץ. הגרסה השנייה היא גרסת הSource והיא מכילה את ספריית הjQuery בצורה קריאה עבור מפתחים שרוצים לראות את הספרייה בנוייה ולשנות אותה.

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

מיקרוסופט:

<script type="text/javascript" language="javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jQuery-1.6.4.min.JavaScript">script>
 

גוגל:

<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/1.6.4/jQuery.min.JavaScript">script>
 

jQuery:

<script type="text/javascript" language="javascript" src="http://code.jQuery.com/jQuery-1.6.4.min.JavaScript">script>
 

לאחר ההטמעה ניתן להתחיל לעבוד עם jQuery במסמך.

למשתמשי vs2010:
בפתיחת פרויקט חדש מסוג ASP.NET WebSite או ASP.NET Application או ASP.NET MVC קובץ ההטמעה כבר יהיה בפרויקט בתיקיית הScripts אבל לא בגרסה העדכנית ביותר.



בתיקיית הScripts יהיו קבצי ההטמעה בגרסאות הminified והפתוחה וכן קובץ עם הערות.
מומלץ להוריד את הגרסה האחרונה מהאתר של jQuery ולהחליף את הקבצים שבתיקיית הScripts בגרסה המעודכנת.
בנוסף יש לשים לב כי הקבצים נמצאיםם בתיקיית הScripts אבל אין שת שורת ההטמעה בפרויקט ולכן אם ברצוננו להשתמש בjQuery בפרויקט יש להוסיף לבד את קוד ההטמעה במקומות הרצויים.

כדי לבדוק שההטמעה של 
jQuery במסמך הצליחה נוכל להריץ את הקוד הבא:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>title>
        
        <script type="text/javascript" language="javascript" src="jquery-1.6.4.min.js">script>
 
        <script language="javascript" type="text/javascript">
            //Javascript and jQuery code goes here
            if (typeof jQuery != 'undefined') {
                alert("jQuery is loaded");
            }
            else {
                alert("Error loading jQuery!");
            }
         script>
    head>
    <body>
        
    body>
 html>
 

 

 
בקוד יש לשנות את שורת ההטמעה לפי צורת ההטמעה הרצוייה כפי שהוסבר למעלה.
אם ההטמעה של jQuery במסמך הצליחה נקבל הודעה שאומרת "jQuery is loaded" ואם ההטמעה נכשלה נקבל הודעה שאומרת "Error loading jQuery!".

 

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

נכתב על-ידי: אלון גרוס
דירוג המאמר:
 
שליחה
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
אפליקציות אפל
אפליקציות אנדרואיד
001 קורס אנדראויד באתר