گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/03/24 - 17:39
كد :7637

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

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

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

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>  زوج

مشاهده کد

 

نظرات كاربران :