logo

דוגמה של jQuery

jQuery פותח על ידי גוגל. כדי ליצור את הדוגמה הראשונה של jQuery, עליך להשתמש בקובץ JavaScript עבור jQuery. אתה יכול להוריד את קובץ jQuery מ-jquery.com או להשתמש ב-URL המוחלט של קובץ jQuery.

בדוגמה זו של jQuery, אנו משתמשים ב-URL המוחלט של קובץ jQuery. הדוגמה של jQuery כתובה בתוך תג הסקריפט.

בואו נראה דוגמה פשוטה של ​​jQuery.

קובץ: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
בדוק את זה עכשיו

תְפוּקָה:

הפיסקה הראשונה נבחרה.

הפסקה השנייה נבחרת.

הפסקה השלישית נבחרה.

$(document).ready() ו-$()

הקוד המוכנס בין $(document).ready() מופעל פעם אחת בלבד כאשר הדף מוכן לקוד JavaScript לביצוע.

פקודת zip בלינוקס

במקום $(document).ready(), אתה יכול להשתמש בקצרה $() בלבד.

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

הקוד שלמעלה שווה ערך לקוד זה.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

בואו נראה את הדוגמה המלאה של jQuery באמצעות סימון קיצור $().

קובץ: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
בדוק את זה עכשיו

תְפוּקָה:

הפיסקה הראשונה נבחרה.

מי המציא את בית הספר

הפסקה השנייה נבחרה.

הפסקה השלישית נבחרה.


function() { $('p').css('background-color', 'cyan'); }

זה משנה את צבע הרקע של כולם

תג או פסקה לציאן.