메뉴 건너뛰기

2019.06.04 20:16

jQuery 일반적 팁

조회 수 853 추천 수 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. jQuery 기초 ((문자열 추가 .before / .after) (문자열 삭제 .remove / .empty)

  2. No Image 16Jan
    by
    2019/01/16 Views 1079 

    jQuery 기초 (Query link url / download (위치, 사용법) // p태그, id, class 접근 / 일반태그 가져오기 / 클릭시 값)

  3. No Image 16Jan
    by
    2019/01/16 Views 1055 

    jQuery 기초 (JQuery - text(), val(), html(), attr(), prop())

  4. No Image 10Jan
    by
    2019/01/10 Views 1022 

    jQuery 로 원하는 갯수만큼 checkbox 선택하기

  5. No Image 16Jan
    by
    2019/01/16 Views 1021 

    .removeAttr() : 특정 속성을 제거

  6. No Image 25Nov
    by
    2020/11/25 Views 974 

    이미지 확대/축소

  7. No Image 16Jan
    by
    2019/01/16 Views 962 

    .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정

  8. No Image 10Jan
    by
    2019/01/10 Views 938 

    jQuery 로 탭메뉴

  9. No Image 04Jun
    by
    2019/06/04 Views 867 

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

  10. No Image 04Jun
    by 조쉬
    2019/06/04 Views 853 

    jQuery 일반적 팁

  11. No Image 26Mar
    by
    2021/03/26 Views 845 

    정규식, 한글 못쓰게 하기, replace all

  12. No Image 31Mar
    by
    2021/03/31 Views 827 

    click event scroll

  13. No Image 04Jun
    by
    2019/06/04 Views 812 

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

  14. No Image 26Mar
    by
    2021/03/26 Views 790 

    DateTimepicker ( Timepicker + Datepicker )

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

    체크박스 전체선택/해지

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

    JS 날짜 자료 비교

  17. No Image 26Mar
    by
    2021/03/26 Views 787 

    새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

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

    JS 타이머 샘플

  19. No Image 26Mar
    by
    2021/03/26 Views 727 

    간단한 스크롤 따라 움직이는 메뉴 만들기

  20. No Image 24Aug
    by
    2020/08/24 Views 704 

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

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved