shift

سلکتورها در جی کوئری

سلکتورها در جی کوئری

عاطفه
دسته: ابزارها  تگ ها: سلکتورها در جی کویری , انتخابگرها در جی کویری ,

 

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

 

اسکریپت جی کویری با دستور زیر آغاز می‌شود. زمانی که داکیومنت به‌طور کامل لود شود این تابع اجرا می‌شود.


 انتخاب همه عناصر (*)


 حال برای انتخاب تمام المان‌ها و دادن فونت byekan, Calibri به تمام عناصر کد زیر را استفاده می‌کنیم. البته با ذکر این نکته که با استفاده از سکتور (*) کلیه عناصر ازجمله input ها هم این فونت‌ها بروی آن‌ها اعمال می‌شود.

 


انتخاب عناصر (body)


و برای دادن فونت به عناصر body قطعه کد زیر را می‌نویسیم.

 


انتخاب بر اساس کلاس ( nameclass.)


همچنین می‌توانیم به کلاس انتخابی استایل موردنظر را اعمال کنیم. با استفاده از دستور زیر به کلاس انتخابی رنگ موردنظر را می‌دهیم.

 


انتخاب بر اساس آیدی (nameid#)


یا به همین ترتیب با انتخاب آیدی می‌توان به المان موردنظر رنگ را اعمال کرد.

 


انتخاب بر اساس اندیس

 

برای انتخاب سومین عنصر li از دستور زیر استفاده می‌کنیم. اولین عنصر با شمارش از صفر شروع می‌شود.

 


انتخاب عناصر کوچک‌تر


برای انتخاب li های کوچک‌تر از 2 از دستور زیر استفاده می‌شود.

 


انتخاب عناصر بزرگ‌تر


برای انتخاب li های بزرگ‌تر از 2 از دستور زیر استفاده می‌شود.

 

انتخاب عناصر زوج و فرد


برای انتخاب li های زوج از دستور زیر استفاده می‌کنیم.

 
برای انتخاب li های فرد از دستور زیر استفاده می‌کنیم.

 


انتخاب عناصر فرزند


برای انتخاب span هایی که به‌طور مستقیم داخل li ها قرار دارند.

 


انتخاب عنصر اول


برای انتخاب اولین تگ p از دستور زیر استفاده می‌شود.

 


انتخاب عنصر آخر


برای انتخاب آخرین تگ p از دستور زیر استفاده می‌شود.

 


انتخاب فرزند اول


برای انتخاب اولین تگ p که در داخل div قرار دارد از دستور زیر استفاده می‌شود.

 


این آموزش در قسمت دوم نیز ادامه دارد.
موفق باشید.

نظر خود را بنویسید...
ارسال نظر
لغو