728x90 300x250 SMALL javaScript531 제이쿼리 기초 사용법 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. 제이쿼리를 이용한 노드찾기 var $변수이름 = $("css 선택자"); //기본적인 방법$()의 정체$()는 함수호출이다. 선택자에 해당하는 노드를 찾아주는 역할을 한다. css선택자찾고 싶은 선택자를 만들어 $() 함수의 매개변수 값으로 넣어주면 된다. var $변수이름$()함수에서 리턴해주는 값을 저장하기 위해 만든 변수 변수이름 앞에 $가 들어간 이유는 제이쿼리 기능이 들어있는 변수라는 것을 표현하기 위해서이다. $("div")라는 구문이 실행되면 $()함수는 문서에서 div 태그를 찾은 후 div 태그를 쉽게 다를 수 있게 jQuery에 넘겨 제이쿼리 클래스 인스턴스를 만들어 리턴해 준다이 리턴값은 $divs라는 변수에 저장된다 $divs.css()$div에는 $()함수 호출 후 리턴값으로 받은 jQuery인스턴스가 들어.. 2019. 2. 8. 자바스크립트와 제이쿼리 글자색 변경 자바스크립트와 제이쿼리 차이 비교 특정 id의 li에 텍스트를 빨강으로 변경해보자 ▶ 자바스크립트 12345678910111213141516171819202122232425262728 window.onload = function() { var menu2 = document.getElementById("test2"); var liCount = test.getElementsByTagName("li"); for (var i = 0; i 2019. 1. 29. 이전 1 ··· 125 126 127 128 129 130 131 ··· 133 다음 728x90 반응형 LIST