본문 바로가기

카테고리 없음

제이쿼리란 몬가?

제이쿼리란 몬가?
제이쿼리는 자바스크립트의 라이브러리에요
라이브러리는 자주 사용하거나 직접 구현이 어려운 기능을 만들어 모아 놓은 프로그램 그룹이에요.
자바스크립트라이브러리에는 제이쿼리 외에도 RequireJS와 Prorotye와 AngluarJS, Backbone 등이 있어요.
근데 제이쿼리를 왜 사용하나~ 하면은
첫번째 사용하기 편하다 ~ 원래 만들어진 목적이 디자이너가 사용하면서 편하게 쓰기 위함이어서
그치만 배우는 나는 하나도 안편하다~~

제이커리 셀렉터는 시에스에스 셀렉터와 동일햇다~~
$("p") p태그인 요소; 
$("#btn") 아이디가 btn인 요소; 
$(".btn")클래스가 btn인 요소; 
$("*")모든 엘리먼트 선택;
$(this)현재 엘리먼트 선택; 
$("p.intro")<p> 태그 중에서 class가 "intro"인 엘리먼트;
$("p:first")<p>태그 중에서 첫번째 엘리먼트;
$("ul li:first")첫번째 <ul>태그 하위의 첫번째 <li> 엘리먼트 ;
$("ul li first-child")모든 <ul>태그 하위의 첫번째 <li>엘리먼트;
$("a[href]")a 태그 중에서 href 속성이 있는 요소;
$("a[target='_blank']") a 태그 중에서 target 속성이 _blank이 요소;
$("a[target!=_blank]") a 태그 중에서 target 속성이 _blank 가 아닌 요소;
$(":button") 버튼 태그 또는 속성인 요소;
$("tr:even") <tr>태그 중 짝수<tr>
$("tr:odd") <tr>태그 중 홀수 <tr>
디스라는것이 이벤트를ㄷ 당하는 당사자 요소~~
셀렉터로 한번에 못가져 오는것은 함수를 통해서 가져올수 잇음
패런트 패런츠 패런트언틸 이 몬가요?
칠드런 함수 자식요소 파인드도 마찬가지 선택한 요소부터 저 아래 요소까지 훑고 찾아온다
시블링스는 형제 요소 넥스트와 프리브 넥스트는 한단계 아래 프리브는 
가져올때는 배열에 담아오는데 퍼스트 라스트 이퀄 퍼스트는 가장 첫번째 요소
필터와 낫  필터는 낫은 내가 지정한 셀렉터의 나머지
이벤트를 온을 써서 가져오면 한번에 다가져올수 있다, 온으로 하면 오프로 끌수 있고
여러이벤트를 한번에 연결할 수 잇다~~

이벤트를 당한 당사자 디스 마우스를 올렷을떄 로그인해주세요 
피태그 밑에있는 스판태그에다가 마우스엔터펑션 달러 디스 자식요소찾을건데 파인드 태그가 스판 html 로그인해주세요
div밑에 p밑에 스판으로 선택해서 스크립트에서 작성
input 에 포커스 펑션 하나 만들고 블러 펑션 만들어서
포커스 펑션 달러 디스 css 불러서 백그라운드 컬러 그레이
브러 펑션 달러 디스 불러서 css  안에 백그라운드 컬러 화이트