متد off() در jQuery

دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 11 خرداد 1401

متد off() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. به طور کلی این متد یک متد کاربردی است؛ متد off( events [, selector ] [, handler(eventObject) ] ) برعکس متد on() عمل می‌کند و یک رویداد زنده محدود را حذف می‌کند.

ساختار متد off() در jQuery

در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:

selector.on( event, selector, handler )

پارامترهای متد off( events [, selector ] [, handler(eventObject) ] ) در jQuery

در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:

events : انواع رویداد که با فاصله از هم جدا شده‌اند
selector : رشته انتخابگر
handler : تابعی برای اتصال به رویداد در هر یک از مجموعه عناصر منطبق

مثال

در قطعه کد زیر با یک مثال ساده نشان داده شده است که استفاده از این متد چگونه است:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {

            function aClick() {
               $("div").show().fadeOut("slow");
            }
				
            $("#bind").click(function () {
               $("#theone").on("click", aClick).text("Can Click!");
            });
				
            $("#unbind").click(function () {
               $("#theone").off("click", aClick).text("Does nothing...");
            });
				
         });
      </script>
		
      <style>
         button { margin:5px; }
         button#theone { color:red; background:yellow; }
      </style>
   </head>
	
   <body>
	
      <button id = "theone">Does nothing...</button>
      <button id = "bind">Bind Click</button>
      <button id = "unbind">Unbind Click</button>
		
      <div style = "display:none;">Click!</div>
   </body>
</html>

مرجع رویدادها در jQuery – متدهای دستکاری رویداد

جدول زیر متدهای مهم مرتبط با رویداد را فهرست می‌کند:

متد	شرح
bind()	یک کنترل کننده را به یک یا چند رویداد (مانند کلیک) برای هر عنصر منطبق متصل می‌کند، همچنین می‌تواند رویدادهای سفارشی را پیوند دهد
off()	این کار برعکس live را انجام می‌دهد، یک رویداد live محدود را حذف می‌کند
hover()	شبیه‌ سازی شناور کردن؛ به عنوان مثال حرکت ماوس روی یک شی برای خاموش یا روشن کردن آن
on()	یک کنترل کننده را به یک رویداد (مانند کلیک) برای همه عناصر منطبق با عنصر فعلی و آینده متصل می‌کند همچنین می‌تواند رویدادهای سفارشی را پیوند دهد
one()	یک کنترل کننده را به یک یا چند رویداد متصل می‌کند تا برای هر عنصر منطبق یک بار اجرا شود
ready()	تابعی را متصل می‌کند تا هر زمان که DOM آماده عبور و دستکاری است اجرا شود
trigger()	یک رویداد را در هر عنصر منطبق راه اندازی می‌کند
triggerHandler()	همه کنترل‌ کننده‌های رویداد محدود را روی یک عنصر فعال می‌کند
unbind()	این کار برعکس bind را انجام می‌دهد، رویدادهای محدود را از هر یک از عناصر مطابقت حذف می‌کند

مطالعه مقاله مرجع رویدادها در jQuery به شما پیشنهاد می‌شود؛ مقاله متد off() در jQuery در اینجا به پایان می‌رسد، نظرات خود را با ما به اشتراک بگذارید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊