Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

JQuery क्लिक () विधि का उपयोग करके एक घटना को ट्रिगर करें

किसी वेबसाइट पर जाते समय हम सबसे सामान्य क्रिया क्या करते हैं? एक माउस क्लिक! क्लिक करना किसी वेबसाइट या ऐप के लिए सबसे महत्वपूर्ण क्रियाओं में से एक है। आप ऐसा किसी वेबसाइट पर नेविगेट करते समय और कार्ट में उत्पाद जोड़ते समय करते हैं।

क्या यह बहुत अच्छा नहीं होगा यदि हम यह बता सकें कि कोई उपयोगकर्ता पृष्ठ पर किसी विशिष्ट तत्व पर कब क्लिक करता है? फिर हम इस व्यवहार के आसपास के अनुभव का निर्माण कर सकते हैं।

JQuery दर्ज करें click() तरीका। हम एक घटना को ट्रिगर कर सकते हैं जब उपयोगकर्ता कोड की कुछ पंक्तियों में माउस पर क्लिक करता है। इस विधि को एक jQuery चयनकर्ता पर बुलाया जाता है और कॉलबैक फ़ंक्शन को तर्क के रूप में लेता है। हर बार click() पर कॉलबैक फ़ंक्शन निष्पादित होगा विधि माउस क्लिक घटना का पता लगाती है।

jQuery क्लिक का उपयोग करना ()

जब हम नीचे दिए गए उदाहरण में बटन पर क्लिक करते हैं तो हम एक HTML बटन रेंडर करने जा रहे हैं और पेज पर टेक्स्ट जोड़ेंगे। click() विधि को पृष्ठ पर किसी भी तत्व से जोड़ा जा सकता है, लेकिन इसे एक बटन से जोड़ना सबसे आम है:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="main">
  <button id="btn-primary">
  Click Me!
</button>
 <p class="new-content">
  
  </p>
</div>

उपरोक्त कोड "मुख्य" की एक आईडी के साथ

के अंदर "बीटीएन-प्राथमिक" की आईडी के साथ एक मूल बटन प्रस्तुत करता है। इस उदाहरण का लक्ष्य बटन पर क्लिक करने के बाद

टैग में "नई सामग्री" के वर्ग के साथ नई सामग्री प्रदर्शित करना है।

हमारे jQuery को

  1. HTML DOM addEventListener () विधि

    HTML DOM addEventListener() मेथड का इस्तेमाल इवेंट हैंडलर को निर्दिष्ट एलिमेंट से अटैच करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - element.addEventListener(event, function, capture) ऊपर, पैरामीटर में शामिल हैं - घटना: घटना का नाम। आवश्यक है। फ़ंक्शन: घटना होने पर चलाने के लिए कार्य। आवश्

  1. टिंकर में बटन क्लिक इवेंट को कैसे संभालें?

    कभी-कभी, टिंकर एप्लिकेशन में घटनाओं को संभालना हमारे लिए एक कठिन काम बन सकता है। हमें उन क्रियाओं और घटनाओं का प्रबंधन करना होता है जिन्हें एप्लिकेशन चलाते समय निष्पादित करने की आवश्यकता होती है। बटन विजेट ऐसी घटनाओं से निपटने के लिए उपयोगी है। हम बटन . का उपयोग कर सकते हैं कमांड में कॉलबैक पास करके

  1. Windows 10 में कीबोर्ड का उपयोग करके राइट क्लिक करें

    समस्या अक्सर तब उत्पन्न होती है जब आपके आस-पास ट्रैकबॉल का माउस नहीं होता है या आपके लैपटॉप का टचपैड काम नहीं कर रहा होता है, लेकिन आपको माउस का उपयोग करने की सख्त आवश्यकता होती है। यदि आपने ऐसी दुर्लभ परिस्थितियों का सामना किया है या ऐसे परिदृश्य से खुद को रोकने के लिए सक्रिय उपाय करने की योजना बना