تبلیغات

آموزش جی کوئری-گزینشگرهای جی کوئری

jQuery
هادی اکبرزاده
نوشته شده توسط هادی اکبرزاده

خب همونطور که می دونید برای انتخاب یه المنت یا المنت هایی توی صفحه باید از ساختاری به اسم SELECTOR در دستور جی کوئری استفاده کرد. لطفا آموزش ساختار دستورات جی کوئری را در ابتدا به دقت مطالعه کنید.

گزینشگرهای jQuery یکی از مهترین بخش های کتابخانه jQuery است. https://fullkade.com

گزینشگرهای jQuery به شما این اجازه را می دهند تا عناصر HTML را انتخاب و دستکاری کنید.
با گزینشگرهای jQuery می توانید عناصر HTML را براساس شناسه، کلاس، نوع، نام خصوصیت، مقدار خصوصیت و … پیدا کنید. این تکنیک براساس گزینشگرهای CSS است (CSS Selector) و علاوه بر این، jQuery تعدادی گزینشگر سفارشی نیز دارد.
تمام گزینشگرها در jQuery با علامت “$” آغاز و با پرانتز محصور می شوند: ()$ https://fullkade.com


گزینشگر نام تگ https://fullkade.com
بااین ساختار می توانید عناصر را با نام تگشان انتخاب کنید

مثال: در این جا تمامی عناصر P انتخاب می شوند. و سپس متد hide روی آن ها اعمال می شود. (البته با این متدها در بخش های بعدی بحث خواهد شد.)

نمایش نتیجه مثال: https://fullkade.com


گزینشگر شناسه (id#)
تو این جا می گیم اون تگی که این آیدی رو داره رو انتخابش کن. دقیقا مثل getElemntById در مدل DOM جاوااسکریپت.

مثال: در این جا اون عنصری که آیدیش برابر test هستو انتخاب می کنیم. که می شه یکی از تگ های P و اونو مخفیش می کنیم. https://fullkade.com

نمایش نتیجه مثال: https://fullkade.com


گزینشگر نام کلاس (class.)
همونطور که حدس می زنم فهمیده باشین اینم با کلاسش پیدا می کنه.یعنی با ویژگی کلاس هر المنت

مثال: در این مثال، زمانی که کاربر روی دکمه کلیک کند، عناصری که کلاس “test” رو دارن پنهان می شود:

نمایش نتیجه مثال: https://fullkade.com

گزینشگرهای دیگر
گزینشگرهای دیگه هم مثل همینن خودتون دیگه تستشون کنین من خسته شدم bigsmile سوای داشتین در نظرات مطرح کنین smile اینم از جدول

Capture

درس بعدیدرس قبلی
تبلیغات
0
کانال تلگرام فول کده

درباره نویسنده

هادی اکبرزاده

هادی اکبرزاده

[ مدیر فول کده ]

آن‌گاه که هرچیزی را به یک چشم دیدیم، حقیقت برایمان نابود می‌شود! باید توجه کنیم که خدا به ما دو چشم داده است!
Telegram

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه