متد hide( ) در jQuery

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

متد hide( ) در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. متد hide( ) به سادگی هر یک از مجموعه عناصر منطبق را در صورت نشان دادن، پنهان می‌کند. شکل دیگری از این روش وجود دارد که سرعت انیمیشن را کنترل می‌کند.

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

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

selector.hide( );

مثال

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

<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() {

            $("#show").click(function () {
               $(".mydiv").show();
            });

            $("#hide").click(function () {
               $(".mydiv").hide();
            });
				
         });

      </script>
		
      <style>
         .mydiv{ margin:10px;padding:12px; 
            border:2px solid #666; width:100px; height:100px;}
      </style>
   </head>
	
   <body>
      <div class = "mydiv">
         This is a SQUARE.
      </div>

      <input id = "hide" type = "button" value = "Hide" />   
      <input id = "show" type = "button" value = "Show" />
   </body>
</html>

این مقاله در اینجا به پایان رسید، امیدواریم از مطالعه آن لذت برده باشید. برای دسترسی به لیست کامل متدهای اعمال جلوه‌های خاص در jQuery به مقاله بررسی جلوه‌‌ها (Effects) در jQuery مراجعه کنید.

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

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