نحوه اعمال افکت به المان ها در W3.JS

در این مقاله در باره Selector ها صحبت خواهیم کرد در W3 تلاش شده است تا مانند css عناصر فراخوانی شود و این یادگیری را تسریع خواهد کرد.

W3.JS برای دادن افکت یک المان یا همان تگ را انتخاب کرده و به آن افکتی را اعمال می کند.

مثال :

w3.hide('p') // Hide all <p> elements

مثال هایی برای انتخاب

برای انتخاب عناصر html از نام تگ استفاده کنید

برای مخفی کردن تمام تگ های <h2>

w3.hide('h2')

برای انتخاب یک المان با یک id خاص از نام id با پیشوند کاراکتر # استفاده کنید :

مثال زیر تمام تگی را که دارای id منحصر به فرد London است را مخفی می کند:

w3.hide('#London')

برای انتخاب المان ها با یک کلاس میتوانید نام کلاس را با پسوند "." بنویسید.

کد زیر تمام عناصری را که با کلاس class="city" تعریف شده اند را مخفی می کند:

w3.hide('.city')

سایر روش های انتخاب المان ها

Selector	توضیحات	مثال
("*")	انتخاب همه المان های درون سند	مشاهده کد
(this)	انتخاب المان فعلی	مشاهده کد
("p.intro")	انتخاب همه المان های <p> که دارای کلاس class="intro" هستند.	مشاهده کد
("div p")	انتخاب همه المان های <p> که در داخل المان <div> قرار دارند	مشاهده کد
("div p:first-child")	انتخاب اولین المان <p> در داخل همه عناصر <div>	مشاهده کد
("[href]")	انتخاب همه عناصر دارای صفت href	مشاهده کد
("a[target=_blank]")	انتخاب همه عناصر <a> با صفت target که برابر با "_blank" باشد.	مشاهده کد
("p:nth-child(even)")	انتخاب همه عناصر<p> زوج	مشاهده کد