jQuery
הכוונה שהשפה בנויה מקוד JavaScript.
כיום, כל אתר שמכבד את עצמו יש בוא מעט jQuery.
jQuery, כמו המוטו שלה (Write less, do more - כתוב פחות,עשה יותר) יכולה לחסוך שורות JS רבות.
בנוסף, jQuery היא טכנולוגיית קוד פתוח!
האתר הרשמי של jQuery -י http://jquery.com/
מתחילים
קודם כל, צריך לייבא את קוד ה-jQuery בכדי להתחיל לכתוב.
בשביל זה נצטרך או להוריד קובץ JS, או למקם אתו באפשרות src של התג script.
אם אתם מעדיפים להוריד את הקוד JS, הורידו מפה.
אם אתם מעדיפים לנתב את זה לקוד מהאתר תיקחו מהקישור הבא:
http://code.jquery.com/jquery-latest.js
לדוגמא, אם הורדתם את הקובץ JS ואתם קראתם לו בשם jQuery.js תרשמו כך:
קוד HTML:
<script src="jQuery.js"></script>
אם אתם מעדיפים לקחת מהשרת של jQuery תרשמו כך:
קוד HTML:
<script src="http://code.jquery.com/jquery-latest.js"></script>
זה יעשה תמיד את הגרסא החדשה ביותר, לא צריך לעדכן.
קוד ה-jQuery הראשוני
לאחר שקישרנו את ספריית ה-jQuery לאתרנו, הגיע הזמן להתחיל לכתוב קוד.
כל קוד jQuery מתחיל כך:
קוד PHP:
$(document).ready(function(){
//jQuery code
});
איפה שרשום:
יהיה כל קוד ה-jQuery.
נתחיל מפעולה פשוטה, כתיבת קטע טקסט ואז להסתירו בעזרת jQuery:
קוד jQuery:
קוד PHP:
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
בתגית ה-body:
קוד HTML:
<h2>Heading</h2>
<p>Paragraph.</p>
<button>Click me</button>
נשמור ונריץ, נלחץ על הכפתור.. והפסקה נעלמה!
הקוד jQuery די פשוט:
$(document).ready(function(){
תחילת קוד jQuery.
$("button").click(function(){
הפונקציה הזאת אומרת שכאשר לוחצים על הכפתור. (או כל תג button)
מסתיר את כל הפסקאות שיש בדף.
סוגר את הקוד.
באותה מידה במקום לרשום:
יכולנו לרשום:
ותראו מה ייצא.
יותר שווה jQuery לא?
כפי שכבר ראיתם בשביל לבחור את כל הפסקאות במחיקה(והכפתורים בלחיצה) יש גם לעשות אפשרות ספציפית לפי id או class:
אם למשל אני רוצה לבחור ב-id העונה לשם bu:
די ברור?
סולמית (#) וה-id.
כנ"ל ל-class:
כל המחלקות העונות לשם bu.
האופציה ההפוכה ה-hide, היא show:
קוד PHP:
$("p").show("slow");
וזה יראה את הפסקה באנימציה.
יש אפשרות, שבמקום slow אפשר לכתוב fast.
קוד PHP:
$("p").show("fast");
קוד PHP:
$("p").hide("fast");
וזה יראה/יסתיר במהירות גבוהה יותר.
מדריך | התחלת jQuery
ציטוט ההודעה
נכתב במקור על ידי ToXiiC_MuSiiC
