מדריך | מסתבכים עם הJQUERY? כל המידע כאן

[alond2010]

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

איך מתחילים? קודם כל כמובן שצריך להוריד את הספרייה , נכנסים לאתר http://www.jquery.com , ומורידים (הקובץ לא שוקל יותר מ-1 MB אז אל תדאגה!)
אוקיי הורדתי איך מייבאים את הספרייה ? פשוט מאוד ! מייבאים את הספרייה כמו כל קובץ JS אחד בצורה הבא:

<script type="text/javascript" src="js/jquery.js"> </script>

את הספרייה ייבאתי אבל איך כותבים? זה גם פשוט מאוד ! כותבים כך:

<script type="text/javascirpt">

$("document").ready(function(){
        // פה יהיה שאר הקוד..

});

</script>

הסבר : לכל קריאה של אלמנט אנחנו נשתמש בסימן '$' ובתוך סוגריים נרשום במראכות נרשום את שם האלמנט ב-CSS אם זה class אז נרשום כך ".elment" , ואם זה ID נרשום "#element" , פה השתמשנו בDOCUMENT שזה מילה שמורה בJQ.

לאחר שהגדרנו לאיזה אלמנט אנחנו רוצים להתייחס , נרשום איזה אירוע אנחנו רוצים שהתרחש , האירוע READY מחליף את הdocument.onload הקלאסי.

החלקה האחרון שלא ברור שנשאר הוא למה רושמים FUNCTION)( ? ואכן זוהי הצורה התקינה של JQUERY לכתיבה , הוא בעצם יוצר פונקציה חדשה לאירוע READY.

כל הזכויות שמורות לאתר machine
http://machine.leehoan.com/

[jungle]

המדריך מסביר מצוין את הבסיס של JQuery, אבל בלי להסביר איך לתכנת בזה בפועל זה לא כל כך שימושי.

[alond2010]

זו מדריך לממש מתחילים , ייצאו עוד מדריכים