jQuery 일반적 팁

by 조쉬 posted Jun 04, 2019
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

//JQuery 일반 팁...

<script src="</script'>http://code.jquery.com/jquery-1.7.js"></script>
    <!-- MS CDN 보조 설명 이용가능-->
    <script src="</script'>http://ajax/aspnetcd.com/ajax/jQuery/jquery/jquery-1.7-vsdoc.js"></script>
    <script>
        //페이지 로드되면
        $(document).ready(function () {
            alert('1 rd');
        });

        //축약 형태
        $(function () {
            alert('2 rd');
        });
    </script>

//JQuery 가장 흔한 형태
JQuery('h1').css('color','red');


 선택자 메서드

//jquery 여러 태그 선택방법
$('h2,h1').css('color', 'Red');

 

//jquery 태그 id 지정
$('#target').css('color', 'Red');

 

//jquery 태그 타입 찾기
$(document).ready(function () {
            $('input[type=text]').val('hi man'); //적용할 태그 <input type="text"/>
        });

 

//select Type 선택 GET

   $(document).ready(function () {
            //5 sc delay
            setTimeout(function () {
                var value = $('select > option:selected').val(); //선택항목 GET

                alert(value);
            },5000);
        });


<body>
   <select>
    <option>apple</option>
    <option>bag</option>
    <option>cat</option>
    <option>dog</option>
   </select>
</body>