프로그램/JQUERY (5) 썸네일형 리스트형 jquery children() 함수 children() 은 지정한 엘리먼트의 바로 아래 자식 노드들을 찾아서 순회하는데 사용됩니다. 아래 샘플 소스를 보면 id 가 root인 엘리먼트의 자식 노드의 갯수를 보여줍니다. test 확인 $(document).read(function()) jquery 를 쓰다보면 제일 처음에 쓰게 되는 구문인 $(document).ready(function(){}); 보통 화면이 실행되면 head , body 등 순서대로 실행되기 때문에 head안에 들어가게 되는 자바스크립트가 실행되는데 이때 body부분이 실행되고 난 후에 자바스크립트가 적용되야 되는 경우에 $(document).ready(function(){}); 안에 필요한 jquery를 써주게 되면 해당 jqeury는 body 부분이 로드된 후에 실행되도록 지연시키는 역활을 한다. 또한 $(document).ready(function(){}); 는 화면에서는 한번만 사용가능하다. *****************샘플 $(document).ready(function(){ var $nodes = $('.. jquery $() 함수 jquery $() 함수는 html내의 dom 노드들을 결과로 사용하기 위해 사용됩니다. jquety는 css선택자와 xpath 선택자를 사용하여 dom안의 엘리먼트들을 접근합니다. 이때 사용하는게 $() 입니다. * $('p') : html 파일 내의 모든 엘리먼트를 접근 * $('div') : html 파일 내의 모든 div 엘리먼트를 접근 * $('#a') : html 파일 내의 id = a인 모든 엘리먼트를 접근 * $('.b') : html 파일 내의 class=b인 엘리먼트를 접근 jquery 설정 방법 jquery 세팅 방법 jquery 설정 방법 html ,jsp 파일안에 js 파일 정보를 넣는다. 1. jquery 홈페이지나 외부의 js를 이용할 경우 자세한 내용은 smple 파일을 참고하세요. ^^ html 파일이므로 그냥 브라우저로 여시면 됩니다. jquery js 다운로드 ** jquery js 다운로드 jquery를 사용하기 위해서는 아래의 jquery 홈페이지에서 js 파일을 다운받아야 한다. http://jquery.com/download/ 페이지 하단에 아래와 같이 보인다. 자신이 원하는 버전을 다운 받은면 된다. minified는 umcpmpressed 보다는 가벼운 버전이라고 생각하고 사용하면 된다. js 파일들은 용량이 작기때문에 그냥 선택하면 바로 다운받아진다. * js 파일들은 jquery에 대한 library 라고 생각하면 된다. * jquery css, html, 자바스크립트를 복합적으로 조금씩들은 아셔야 사용하기 편합니다. ^^ 댓글이나 공감을 남겨주세요. ^^ 이전 1 다음
