728x90 300x250 SMALL javaScript545 제이쿼리 조건문 1단 ifif(조건식){조건식이 참일 때 실행할 문구;...} 2단 ifif(조건식){조건식이 참일 때 실행할 구문;...}else{조건식이 거짓일때 실행할 구문;...} 3단 ifif(조건식1){//하나 또는 여러 개의 문장을 작성할 수 있다.조건식이 참일 때 실행할 구문;...}else if(조건식2){실행구문2(조건식1이 거짓이고 조건식2가 참인 경우)}else if(조건식3){실행구문3(조건식2가 거짓이고 조건식 3이 참인 경우)} 2019. 2. 17. 제이쿼리 기초 :: 노드찾기/이벤트등록/스타일설정 노드 찾는방법$("div")$(".select")$("div > p")$("div ul li.select") 1._이벤트 등록 방법$대상.on("이벤트 이름",이벤트리스너); 또는$대상.단축이벤트메서드(이벤트리스너); 제이쿼리에서 제공하는 on()메서드와 단축이벤트 메서드를 이용하면 이벤트를 쉽게 등록할 수 있다. 12345678910 $(document).ready(function(){ $("#btnCheck").on("click",function(){ alert("환영합니다. "); }); /* // 또는 $("#btnCheck").click(function(){ alert("환영합니다. "); }); */ 첫번째는 일반등록방법2번째는 단축등록방법 2. 스타일 설정하는 방법설정 내용이 하나인 경우$대.. 2019. 2. 16. 제이쿼리 기초 사용법 1. ready()메서드를 활용해서 시작점 만들기ready()메서드는 노드를 찾거나 스타일을 변경하는 등의 작업을 진행할 준비가 되면 매개변수 값으로 남긴 함수를 호출해 준다.만약 알림메시지가 뜨지 않았다면 지금 입력한 코드에 이상이 있는 것이니 코드를 확인해야 한다. 2. 제이쿼리 이용해서 노드 찾기var $변수이름 = $("css 선택자"); //기본적인 방법 - $()는 함수호출이다. 선택자에 해당하는 노드를 찾아주는 역할을 한다.- css선택자 : 찾고 싶은 선택자를 만들어 $() 함수의 매개변수 값으로 넣어주면 된다.- var $변수이름 : $()함수에서 리턴해주는 값을 저장하기 위해 만든 변수변수이름 앞에 $가 들어간 이유는 제이쿼리 기능이 들어있는 변수라는 것을 표현하기 위해서이다. ex ).. 2019. 2. 13. .appendTo() 사용해서 코드 위치 이동시키기 요소 위치변경및 추가 .appendTo(target)를 사용하면 코드를 원하는 위치에 추가할수 있고 배치 위치를 변경할수도 있다. 12345Greetings Hello Goodbye 다음과 같은 코드가 있을때 Test 엘리먼트를 inner에 추가한다고 가정하면 1$( "Test" ).appendTo( ".inner" ); 이렇게 넣어줄수 있다. 1234567891011Greetings Hello Test Goodbye Test 그러면 이렇게 각 클래스 inner안에 추가된걸 확인할수있다. 페이지 안에 내용있는 구문의 위치를 변경시킬수도 있다. 1$( "h2" ).appendTo( $( ".container" ) ); 12345 Hello Goodbye Greetings 만약 Target 요소가 2개 이상일 경우에는 마지막 엘.. 2019. 2. 10. 이전 1 ··· 128 129 130 131 132 133 134 ··· 137 다음 728x90 반응형 LIST