• 회원가입
  • 로그인
  • 구글아이디로 로그인

[basic] JQ - 제이쿼리 입문

목차
  1. jQuery 소개
  2. jQuery 코드 맛보기
  3. jQuery 관련 주소

 

jQuery 소개

 

jQuery  - 자바스크립트 라이브러리 (JavaScript Library) 
즉, 자주 사용되는 JS 코드를 쉽게 이용할 수 있게 모아놓음.



1. 
jQuery는 자바스크립트 프로그래밍을 아주 단순화시켜 줌.
안 배우면 후회 ㅡㅡ;

2. 
jQuery는 배우기 쉬움.  
참말일까나? ㅡㅡ;;;

 

 

jQuery 코드 맛보기


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").click(function(){ 
        $(this).hide(); 
    });
});
</script>

<p>클릭하면 사라져라! 얏!!</p>
<p>홈짱닷컴 Homzzang.com</p>
<p>HTML, CSS, JS, SQL, PHP</p>

결과보기

 

jQuery 관련 주소

 

제이쿼리 주요 함수: https://api.jquery.com/



분류 제목
Examples JQ - Quiz - 제이쿼리 퀴즈테스트
Selector JQ - * 선택자 - 모든 요소 선택. (= 전체선택자 = 전체 요소선택자 = 아스테리크 선택자)
Selector JQ - #id 선택자 - 지정 아이디 갖는 요소 선택. (= 아이디 선택자)
Selector JQ - .class 선택자 - 지정 클래스 갖는 요소 선택. (= 클래스 선택자)
Selector JQ - element 선택자 - 지정 요소 모두 선택. (= 요소선택자)
Selector JQ - e1,e2,e3... 선택자 - 여러 요소 선택. (= 여러 요소선택자)
Selector JQ - :first 가상선택자 - 가장 첫번째 지정요소 선택. (= 맨 처음 요소 선택 = 퍼스트 선택자)
Selector JQ - :last 가상선택자 - 가장 마지막 지정 요소 선택. (= 맨뒤 요소 선택 = 라스트 선택자)
Selector JQ - :even 가상선택자 - 짝수 번째 요소 선택. (= 이븐 선텍자)
Selector JQ - :odd 가상선택자 - 홀수 번째 요소 선택. (= 아드 선택자)
Selector JQ - :first-child 가상선택자 - 첫번째 자식요소 선택. (= 퍼스트 차일드 선택자)
Selector JQ - :first-of-type 가상선택자 - 타입 고려 첫번째 자식요소 선택. (= :first-of-…
Selector JQ - :last-child 가상선택자 - 마지막 자식요소 선택. (= 라스트 차일드 선택자)
Selector JQ - :last-of-type 가상선택자 - 타입 고려 마지막 자식요소 선택. (= 라스트 어브 타입 선…
Selector JQ - :nth-child(n) 가상선택자 - 타입 무관 n번째 자식요소 모두 선택. (= nth-chil…
Selector JQ - :nth-last-child(n) 가상선택자 - 타입 무관 마지막 n번째 자식요소 모두 선택. (=…
Selector JQ - :nth-of-type(n) 가상선택자 - 타입 고려 n번째 자식요소 모두 선택. (= 엔스 오브 …
Selector JQ - :nth-last-of-type(n) 가상선택자 - 타입 고려 마지막 N번째 자식요소 선택. (= …
Selector JQ - :only-child 가상선택자 - 그 부모의 타입 무관 유일 자식요소 모두 선택. (= 온리 차일…
Selector JQ - :only-of-type 가상선택자 - 그 부모의 타입 고려 유일 자식요소 모두 선택. (= 온리 …
3/15
목록
찾아주셔서 감사합니다. Since 2012