jQuery css
·
자바스크립트&jQuery
.css(propertyName,value) - 기본적 형태 css( 속성명 , 속성값) $(".box").css("width","100px"); .css(propertyName,function(index,value) { }) - function 사용 자신이 원하는 기능 확장 // index는 선택한 개체 순서, value 는 해당 개체의 현재 속성값 $("#inText").css("color",function(index,value) { if(value=="rgb(0, 0, 255)"){ //color 가 rgb(0, 0, 255) 이면 red로 변경 return "red"; } }); .css(map) - 맵형태로 입력 {key:value} $("#button").bind("mouseover", fun..
jQuery 마우스 이벤트(클릭한 버튼, 클릭한 위치) event.button, event.screenX, event.screenY
·
자바스크립트&jQuery
1. 클릭한 버튼 알아내기 익플: 왼쪽=1, 오른쪽=2 ,휠=4 사파리,크롬,파폭:왼쪽=0,오른쪽=2,휠=1 2를 먼저 판단하는게 좋을 듯.. $(".mouseBtn").mousedown(function(event){ alert(event.button); if(event.button==2){ alert('right button'); }else{ alert('left button'); } }); 2. 클릭한 위치 알아내기 $("#inArea").click(function(event){ var $x=event.screenX; var $y=event.screenY; $("#inText").html('x좌표:'+$x+' y좌표:'+$y+''); });
jQuery bind(), unbind(), trigger()
·
자바스크립트&jQuery
bind() - 여러개의 이벤트와 펑션을 묶어준다 ex) $("#buttons").bind("click mouseover",function() { alert('click or mouseOver'); }); unbind() - 이벤트 제거 ex) $("#buttons").bind("click mousevoer",function(){ $("#buttons").unbind("click"); //click 이벤트 비활성 unbind("click mouseover")= click mouseover 둘다 비활성 } trigger() - 이벤트의 자동 발생 ex) $("#buttons").trigger('click'); //p 엘리먼트 클릭 - 자동발생
google jQuery 최신 버전 지원(1.버전대)
·
자바스크립트&jQuery
1.x.x 버전대의 jQuery 를 지원 해줍니다.
jQuery children(),each()
·
자바스크립트&jQuery
children( ) => 지정한 엘리먼트의 바로 아래 자식 노드 (parent( )는 부모 노드) each( ) => 각각 엘리먼트에 차례로 접근 Azit4u S2ang Hello http://azit4u.phps.kr/jquery/each.html
글자수 체크 하기
·
자바스크립트&jQuery
textarea 글자수 체크 하기 0byte http://azit4u.phps.kr/script/maxlength.html charAt(i) --> i번째 해당 되는 글자
javascript 메뉴
·
자바스크립트&jQuery
자바 스크립트 메뉴 만들기 메뉴1 메뉴1-1 메뉴2 메뉴2-1 메뉴2-2 메뉴3 메뉴3-1 메뉴3-2 메뉴3-3 확인:http://azit4u.phps.kr/menu/menu.html
jquery 기본 필터
·
자바스크립트&jQuery
필터 설명 :first 선택된 개체들 중 첫 번째 요소 :last 선택된 개체들 중 마지막 요소 :even 짝수 :odd 홀수 :eq(Index) 인덱스에 해당하는 요소 :gt(Index) 인덱스보다 높은 인덱스를 가진 요소 :lt(Index) 인덱스 봐 낮은 인덱스를 가진 요소 :header 모든 헤더 요소들( :animated 현재 에니메이션 중인 모든 요소
jquery 셀렉터
·
자바스크립트&jQuery
기본 셀렉터 필터 설명 $(“div”) 모든 div 엘리먼트 $(“div a”) Div의 자손 a 엘리먼트 $(“div>a”) Div의 바로 아래 자식 a 엘리먼트 $(“div~a”) Div의 다음에 나오는 모든 형제 a 엘리먼트 $(“div+a”) Div의 바로다음에 나오는 a 엘리먼트 $(“div.class”) 클래스 class를 가지는 div 엘리먼트 $(“div#id”) 아이디 id 를 가지는 div 엘리먼트 $(“div[name]”) 어트리뷰트 name을 가진 div 엘리먼트 $(“input[type=text]”) text 인 Type 어트리뷰트를 가지는 input 엘리먼트 $(“input[type^=te]”) te 로 시작하는 Type 어트리뷰트를 가지는 input 엘리먼트 $(“input[t..
javascript 롤링
·
자바스크립트&jQuery
확인:http://azit4u.phps.kr/script/roll.php
만두남
'자바스크립트&jQuery' 카테고리의 글 목록 (2 Page)