متد hasClass( class ) در jQuery

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

متد hasClass( class ) در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. عملکرد این متد این گونه است که اگر کلاس مشخص شده حداقل در یکی از مجموعه عناصر منطبق وجود داشته باشد true را برمی‌گرداند در غیر این صورت false را برمی‌گرداند.

ساختار متد

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

selector.hasClass( class )

پارامترهای متد hasClass( class ) در jQuery

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

class : این پارامتر نام کلاس CSS است

مثال

مثال زیر بررسی می‌کند که کدام تگ پاراگرف <p> دارای کلاس قرمز (red) است:

<html>
   <head>
      <title>The Selecter 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() {
            $("#result1").text( $("p#pid1").hasClass("red") );
            $("#result2").text( $("p#pid2").hasClass("red") );
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class = "red" id = "pid1">This is first paragraph.</p>
      <p class = "green" id = "pid2">This is second paragraph.</p>

      <div id = "result1"></div>
      <div id = "result2"></div>
   </body>
</html>

مطالعه مقاله مرجع Html/Css در jQuery برای دسترسی به لیست کامل متدهای Html/Css در جی کوئری به شما پیشنهاد می‌شود؛ امیدواریم از مطالعه این مقاله آموزش jQuery لذت برده باشید. لطفاً نظرات خود را با ما به اشتراک بگذارید و سئوالات خود را در بخش نظرات مطرح کنید.

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

میانگین رتبه : 4/5 - تعداد رای : 1