jQuery में off विधि

on के माध्यम से बंधे इवेंट्स को हटाना, off विधि की सहायता से किया जाता है। यह पहले पैरामीटर के रूप में इवेंट का प्रकार (उदाहरण के लिए, 'click') लेती है, और दूसरे पैरामीटर के रूप में - उस फ़ंक्शन का नाम, जिसे हटाया जाना है।

आइए निम्नलिखित उदाहरण पर विचार करें। मान लीजिए कि हमारे पास HTML कोड है:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

CSS में li टैग के लिए स्टाइल निर्दिष्ट है:

cssli {
  width: 100px;
  cursor: pointer;
}

आइए ऐसा करें कि li पर पहली बार क्लिक करने के बाद, उससे इवेंट हट जाए:

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

सूची के आइटम्स पर क्लिक करके देखें। आप देखेंगे कि उसी सूची आइटम पर दोबारा क्लिक करने पर कुछ नहीं होता, क्योंकि append विधि को निष्पादित करने के बाद हमारा फ़ंक्शन func, off विधि द्वारा हट जाता है।