jQuery 기초

안규원·2021년 5월 14일
0

legacy_etc

목록 보기
5/9
post-thumbnail

추가하고 시작하자..

  1. script에 src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0.jquery.min.js"
    추가 하고 시작하자....

  2. onload 이후에 실행되기 때문에, 다른 function이 하단에 있더라도 호출 가능
    (다만 jQuery만 사용하는게 아니라 function도 쓴면 순서 주의... element null됨)

  3. .on 뒤에 기능 구현보다는 .click, .hide처럼 명시적으로...

  4. ul>li*3 : 리스트 쉽게 작성

  5. table>tr3>td3 : 테이블 쉽게 작성

  6. checkbox 컨트롤
    $('input:checkbox').length

    $('input:checkbox[name=checkAll]').length

    $('input:checkbox[name=check]').length

    $('input:checkbox[name=check]:checked').length

    $('input:checkbox[name=check]:not(:checked)').length

    $('input:checkbox[name=check]').prop('checked', true) : 싹다 체크

  7. each() 오버로딩으로 생각하면 편함... index를 parameter로 넣어도 되고 없어도 되고..

  8. element로 가져와도 되고... jQuery로 가져와도 되고...
    가져와서의 click 이나 원소 가지고 노는건 완전히 동일하다..

  9. 자주 사용하는 주민번호, 전화번호, 우편번호 등 같은 형식의 String을 검사할 때는
    정규식 regExp 을 이용한다.

0개의 댓글