메뉴 건너뛰기

2019.06.04 20:16

jQuery 일반적 팁

조회 수 894 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

//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> 


  1. No Image 25Mar
    by
    2021/03/25 Views 322 

    기본 동작 막기

  2. jQuery - 드래그앤드롭(DragAndDrop)을 통한 파일 업로드

  3. jQuery - checkbox 전체 선택, 해제 기능 및 단일 체크박스가 해제되었을때 전체 선택 해제 하기

  4. jQuery - ajax xhr을 활용한 파일 업로드 진행 상태 확인하기

  5. jQuery - 드래그, 리사이즈 이벤트에 따른 영역 침범 막기

  6. jQuery - 클릭이벤트 동적 처리하기($("").click(), on('click') 차이)

  7. jQuery - radio, checkBox값 가져오기, 선택하기, 제어 등

  8. No Image 09Mar
    by
    2021/03/09 Views 1546 

    jQuery - ajaxSubmit 사용법 및 유의사항(페이지 리로드 현상)

  9. No Image 25Nov
    by
    2020/11/25 Views 1543 

    이미지 회전, rotate();

  10. No Image 25Nov
    by
    2020/11/25 Views 1059 

    이미지 확대/축소

  11. No Image 24Aug
    by
    2020/08/24 Views 1005 

    사업자 번호를 입력하면 자동으로 하이픈을 붙여줍니다.

  12. No Image 27Aug
    by
    2019/08/27 Views 1784 

    jquery 자식창에서 부모창으로 값 전달

  13. No Image 04Jun
    by 조쉬
    2019/06/04 Views 894 

    jQuery 일반적 팁

  14. No Image 04Jun
    by
    2019/06/04 Views 791 

    JS 타이머 샘플

  15. No Image 04Jun
    by
    2019/06/04 Views 831 

    JS 날짜 자료 비교

  16. No Image 04Jun
    by
    2019/06/04 Views 895 

    텍스트 필드에 기본글이 마우스 클릭하면 지워지게 하기 폼필드 소스 내에 아래 태그를 삽입한다.

  17. No Image 04Jun
    by
    2019/06/04 Views 841 

    //ex)텍스트 박스 포커스 활성, 비활성 이벤트

  18. No Image 04Jun
    by
    2019/06/04 Views 746 

    JS 첵박스 샘플

  19. No Image 04Jun
    by
    2019/06/04 Views 838 

    체크박스 전체선택/해지

  20. No Image 21May
    by
    2019/05/21 Views 3156 

    jquery 드래그 앤 드롭 파일 업로드

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved