JQuery_속성 탐색 선택자

• 속성의 포함 여부를 따져 요소를 선택

$("#wrap a[target]") //target 속성을 포함하는 요소만 선택
.css({"color":"red"});

 

 

• 속성의 값에 따른 탐색 선택자

$("#wrap a[href*=google]") //href 속성 값이 https 로 시작하는 요소만 선택

 

• 속성의 상태에 따른 선택자

        $("#wrap p:hidden").css({
            "display":"none", //display:block
            "background":"#ff0"
        });


        var z1=$("#zone1 :selected").val();
        console.log(z1);

        var z2=$("#zone2 :checked").val();
        console.log(z2);

 

• 컨텐츠 탐색 선택자

find() : 선택한 하위요소 중 필터링 한 요소만 선택

$("#inner_1").find(".txt1").css({"background-color":"#ff0"}); //"#inner_1"기준 하위요소중 검색

 

filter() : 선태한 요소 중 filter로 필털이 한 요소만 선택 ( filter 는 내부적으로 반복하는 기능이 있다)

$("#inner_1 p").filter(".txt2").css({"background-color":"coral"});

$("#inner_2 p").filter(function(idx,obj){
            console.log(idx);
            return idx % 2 == 0;
        }).css({"background-color":"green"});