آموزش متد matches در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد matches در DOM جاوااسکریپت با من همراه باشید.

متد matches در DOM جاوااسکریپت

Free-Learn

متد matches در DOM جاوااسکریپت

با استفاده از متد ()matches میتونیم چک ( یا بررسی ) کنیم که آیا یک عنصر ( یا تگ ) با یک یا چندین انتخابگر CSS ( که ما مشخص میکنیم ) مطابقت دارد یا خیر.

این متد ۱ پارامتر میگیره که اونم همون انتخابگر CSS می باشد که قراره با عنصر چک بشه و ببینیم مطابقت داره یا نه

مقدار برگشتی برگشت یک مقدار بولی یا Boolean
true : یعنی بله مطابقت داره
false : یعنی خیر مطابقت نداره

Free-Learn

مثال از این متد

در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم ببینیم آیا تگ مورد نظر ما ( با ) انتخابگر کلاس free-learn. مطابقت دارد یا خیر.

امتحان کنید

مثال شماره ۲ : استفاده از چندین انتخابگر بصورت همزمان ( باید با کاما یا , از همدیگه جدا کنیم )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام متد Chrome Firefox Opera Safari IE
()matches ۳۴٫۰ ۳۴٫۰ ۲۱٫۰ ۷٫۱ ۹٫۰
ms

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
CSS_Selectors ضروری – اون انتخابگری که قراره با عنصر مطابقت داده شود.
+ یک انتخابگر CSS میتونه انتخابگر کلاس ، آی دی ، صفت و.. باشه
لیست کامل انتخابگرهای CSS
+ برای استفاده از چندین انتخابگر بصورت همزمان باید بین آنها کاما (,) قرار داد.

Free-Learn

نکات و توضیحات

  • برای استفاده از چندین انتخابگر بصورت همزمان باید بین هریک از انتخابگرها کاما ( , ) قرار داد.
  • اگه بفرض مثال از ۳تا انتخابگر استفاده کرده باشیم ، تا زمانی که هریک از انتخابگرها مطابقت داشته باشند در خروجی true میده، و تنها زمانی false میده که هیچکدام از انتخابگرها مطابقت نداشته باشند.

Free-Learn

دریافت PDF یا پرینت این مطلب