Main

Adding event listeners with jQuery | Computer Programming | Khan Academy

Learn how to add event listeners in jQuery so that your JavaScript can respond to events on the page, like when a user clicks a button or drags an image. Practice this lesson yourself on KhanAcademy.org right now: https://www.khanacademy.org/computing/computer-programming/html-js-jquery/dom-events-with-jquery/p/challenge-croc-clicker?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming Watch the next lesson: https://www.khanacademy.org/computing/computer-programming/html-js-jquery/dom-events-with-jquery/p/using-event-properties-in-jquery?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming Missed the previous lesson? https://www.khanacademy.org/computing/computer-programming/html-js-jquery/jquery-tools-techniques/p/chaining-jquery-methods?utm_source=YT&utm_medium=Desc&utm_campaign=computerprogramming Computer Programming on Khan Academy: Learn how to program drawings, animations, and games using JavaScript & ProcessingJS, or learn how to create webpages with HTML & CSS. You can share whatever you create, explore what others have created and learn from each other! About Khan Academy: Khan Academy is a nonprofit with a mission to provide a free, world-class education for anyone, anywhere. We believe learners of all ages should have unlimited access to free educational content they can master at their own pace. We use intelligent software, deep data analytics and intuitive user interfaces to help students and teachers around the world. Our resources cover preschool through early college education, including math, biology, chemistry, physics, economics, finance, history, grammar and more. We offer free personalized SAT test prep in partnership with the test developer, the College Board. Khan Academy has been translated into dozens of languages, and 100 million people use our platform worldwide every year. For more information, visit www.khanacademy.org, join us on Facebook or follow us on Twitter at @khanacademy. And remember, you can learn anything. For free. For everyone. Forever. #YouCanLearnAnything Subscribe to Khan Academy's Computer Programming channel: https://www.youtube.com/channel/UCzYDKG5mmfPPIosXuQ1PvEA?sub_confirmation=1 Subscribe to Khan Academy: https://www.youtube.com/subscription_center?add_user=khanacademy

Khan Academy Computing

8 years ago
İndiyə qədər sizə HTML-də edə biləcəyimiz dəyişiklikləri etmək üçün jQuery-dən necə istifadə edəcəyinizi göstərirdim. Nə mənası var? Yaxşı, indi istifadəçi bir düyməni basdıqdan, səhifəni sürüşdürdükdən, formada yazdıqdan və buna bənzər hər hansı bir hərəkət etdikdən sonra səhifənizdə dəyişiklik etmək üçün jQuery-dən necə istifadə edəcəyinizi göstərəcəyəm. Nəhayət, siz səhifələrinizi həqiqətən interaktiv edəcəksiniz. Beləliklə, istifadəçi hadisələrinə reaksiya vermək üçün jQuery-ə hansı istifadə
çi hadisələri ilə maraqlandığınızı və həmin hadisə baş verən zaman onun hansı funksiyanı çağırmasını istədiyinizi söyləməlisiniz. Ən sadə hadisələrdən biri olan bir düyməni basmaqla bunu necə edəcəyinizi nümayiş etdirəcəyəm. Əvvəlcə HTML-ə düymə etiketi əlavə edəcəyəm. Görək. Onu səhifənin altına və ya bəlkə də yuxarısına qoyun. Yuxarı gedin. Beləliklə, '' 'Timsah etmək', əla fel. Yaxşı. Məndə o düymə var və onu klikləsəm, heç nə baş vermir, ona görə də jQuery-dən istifadə etməliyəm ki, nəsə ets
in. JavaScript-də düyməni seçmək üçün jQuery yazmaqla başlayacağam. Yaxşı. İndi mən jQuery-də hadisə izləyicilərini əlavə etmək üçün istifadə etdiyimiz 'yandır' metodunu çağıracağam. Keçdiyim ilk parametr, sadəcə "klik" olan hadisə adı olan bir sətirdir. İkinci parametr 'geri çağırış funksiyası'-dır, hadisə faktiki olaraq baş verəndə bizim çağırılmaq istədiyimiz funksiyadır. Yaxşı. Bəs mən bu funksiyaya nə yazmalıyam? Yaxşı, burada kiçik bir ipucu var. Mən adətən yalnız bir console.log ilə başla
yıram ki, onun işlədiyinə əmin olum. "Sən məni kliklədin. "Məni bəyəndin." Yaxşı. İndi videonu dayandırın, JavaScript konsolunuzu açın, düyməni basın və onun işlədiyini yoxlayın. Yaxşı. Ümid edirəm ki, gördüklərimi gördünüz. İndi, gəlin onun bir şey etməyinə imkan verək. Beləliklə, mən edəcəyim bütün DOM dəyişdirmə kodunu əvvəlki müzakirələrdən götürməkdir və mən sadəcə onu kəsib funksiyaya yapışdıracağam. Əslində, icazə verin müəyyən edim, beləliklə 'var timsah = function()' və mən sadəcə kodum
uzu ora yerləşdirə bilərəm, hər şey gözəldir. Yaxşı, gözəl. İndi necə timsah səhifəsi etməyi bilən bir funksiyam var və mən sadəcə bunu "geri çağırış funksiyasından" çağıra bilərəm. Budur. Buna görə də bunu təcrübədən keçirməyinizi istəyirəm. Videonu dayandırıb düyməni klikləməyə çalışın. Bu əla deyilmi? Yaxşı. Buna görə də bunu növbəti videoda sınayacaqsınız.

Related articles

Comments