Tutorial JQuery 9 : CSS Selector

Beberapa contoh CSS Selector yang lain :

$(“div.smart > p”) :  Akan mentarget paragraf yang merupakan direct descendant dari div yang memiliki class “smart”.

$(“div ~ p”) : Menargetkan semua paragraf yang setara, bukan child atau parent element.

$(“ul#steps + div”) : Menargetkan semua ul dengan id steps yang paling dekat (Immediate adjacent siblings).

$(“[class !=’imp’]”) : Menargetkan class yang tidak mengandung ‘imp’.

$(“[class ^=’imp’]”) : Akan menargetkan semua class yang berawalan ‘imp’, misalnya important.

$(“[class $=’steps’]”) : Menargetkan elemen yang memiliki class dengan akhiran steps.

$(“[‘class ~=’steps’]”): Menargetkan elemen yang memiliki class=”steps”.

$(“[id*=’osing’ ]”) : Menargetkan elemen yang memiliki id yang mengandung kata ‘osing’.

$(“div:has(p)”) : Menargetkan div yang mengandung paragraf.

:header menargetkan semua heading.

div(has(:header)) : Menargetkan semua div yang memiliki header.

$(“li:not(.important)”).css() :  Menargetkan li yang tidak memiliki class important.

$(“div:not(:has(:header))”).css() : Menargetkan div yang tidak memiliki header.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.