728x90 300x250 SMALL 분류 전체보기1121 제이쿼리 기초 :: 노드찾기/이벤트등록/스타일설정 노드 찾는방법$("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. 5분만에 그누보드 설치하기 먼저 그누보드 사이트에서 최신버전을 다운받습니다.https://sir.kr/g5_pds 다운받은 파일을 ftp에 업로드 합니다. 업로드가 완료되면 웹사이트에 접속해봅니다. 그러면 그누보드를 설치하라는 안내멘트가 나오는데 우측 하단의 그누보드설치하기 버튼을 클릭합니다. ftp에가서 data폴더를 생성합니다. 생선된 data 폴더에서 마우스 오른쪽을 눌러서 파일권한으로 들어갑니다. 파일속성을 707로 변경합니다. 라이센스에 동의 하면 Mysql 정보 입력창이 나옵니다. 지고 있는 ftp 호슽팅 사이트에서 정보를 얻을수 있습니다. 저는 infinityfree를 사용하고 있기 때문에 https://app.infinityfree.net/accounts 내 accounts로 들어가서 control panel-> m.. 2019. 2. 12. .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 ··· 259 260 261 262 263 264 265 ··· 281 다음 728x90 반응형 LIST
