728x90 300x250 SMALL javaScript/J Query & 스크립트138 제이쿼리 기초 :: 노드찾기/이벤트등록/스타일설정 노드 찾는방법$("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. 제이쿼리를 이용한 노드찾기 var $변수이름 = $("css 선택자"); //기본적인 방법$()의 정체$()는 함수호출이다. 선택자에 해당하는 노드를 찾아주는 역할을 한다. css선택자찾고 싶은 선택자를 만들어 $() 함수의 매개변수 값으로 넣어주면 된다. var $변수이름$()함수에서 리턴해주는 값을 저장하기 위해 만든 변수 변수이름 앞에 $가 들어간 이유는 제이쿼리 기능이 들어있는 변수라는 것을 표현하기 위해서이다. $("div")라는 구문이 실행되면 $()함수는 문서에서 div 태그를 찾은 후 div 태그를 쉽게 다를 수 있게 jQuery에 넘겨 제이쿼리 클래스 인스턴스를 만들어 리턴해 준다이 리턴값은 $divs라는 변수에 저장된다 $divs.css()$div에는 $()함수 호출 후 리턴값으로 받은 jQuery인스턴스가 들어.. 2019. 2. 8. 문자를 숫자로 숫자를 문자로 형변환 prompt 형변환 : 숫자를 문자로 문자를 숫자로 바꾸는 것 예를 들어서 입력받은 값을 숫자로 바꿔서 연산해보자 123var num = window.prompt("값을입력해주세요"); num = parseInt(num)+10; alert("결과 값은? "+num);cs prompt() 를 사용해서 입력값을 받을수 있다. var 변수 = window.prompt("인풋박스에 출력할 메시지", "기본 입력 값"); 형변환의 종류▶ 암시적형변환 - 자바스크립트에 의해 자동으로 형변환이 일어나는것 document.writs("result="+result); ex) num = 10 + "10"; 숫자 + 문자 인경우 자바스크립트에서 그냥 숫자로 형변환을 해버린다. 숫자형 + 문자형 = 문자형 var a=10+"10" //a.. 2019. 1. 24. 이전 1 ··· 29 30 31 32 33 34 35 다음 728x90 반응형 LIST