[jQuery] 제이쿼리 필터 2

제이쿼리 필터 두번째 강좌 입니다.

<script type="text/javascript">
    $("document").ready(function() {
        $("p[class]").css("border", "3px solid red" );
        //클래스가 포함된 p 를 말함
        $("p[id=para1]").css("border", "3px solid blue" );
        //아이디가 para1인 것만 적용
        $("p[id^=para]").css("border", "3px solid blue" );
        //  아이디가 para로 시작되는(starting with) 것만 적용. 

        // uparrow 라 읽음
        $("p[id^=para][lang*=en-]").css("border", 

          "3px solid blue" );
        //아이디가 para로 시작되고(starting with)
        // + lang가 'en-' 를 포함(contain that) 것만 적용

    });
</script>

위의 내용으로 제이쿼리 필터를 적용할 수 있습니다.

HTML은 아래를 넣고 설명(주석)을 본뒤 한줄씩 적용해 보시면 됩니다.

<div id="example">
    <p class="a">This is paragraph 1</p>
    <p id="para1">This is paragraph 2</p>
    <p class="b">This is paragraph 3</p>
    <p id="para4" lang="en-us">This is paragraph 4</p>
    <p id="para5" lang="en-gb">This is paragraph 5</p>
</div>

다음은 맨 아래  p[id^=para][lang*=en-]"  부분을 적용한 예의 결과화면 입니다.