- 속성 선택자

 선택자 형태

 설명

 요소[속성]  특정 속성을 가지고 있는 문서 객체 선택 

 요소[속성=값]

 속성 안의 값이 특정 값과 같은 문서 객체 선택

 요소[속성~=값]

 속성 안의 값이 특정 값을 단어로써 포함하는 문서 객체 선택 

 요소[속성^=값]

 속성 안의 값이 특정 값으로 시작하는 문서 객체 선택 

 요소[속성$=값]

 속성 안의 값이 특정 값으로 끝나는 문서 객체 선택 

 요소[속성*=값]

 속성 안의 값이 특정 값을 포함하는 문서 객체 선택 

 

- 속성 선택자 예)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <script src="http://code.jquery.com/jquery-1.7.min.js"></script>
    <script>
        $.noConflict();
        var J = jQuery;
        J(function () {
            J("input[type=text]").val("Hello JQuery");
        });
    </script>
    <title>Untitled Page</title>
</head>
<body>
    <div>
        <input type="text"/>
        <input type="password"/>
        <input type="radio"/>
        <input type="checkbox"/>
        <input type="file"/>
    </div>
</body>
</html>

 

+ Recent posts