목록전체 글 (47)
Romantic Developer : )
안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 jQuery객체에 대하여 알아보고자 합니다.지난 시간에 jQuery를 통해서 제어하고자 하는 대상 객체를 호출하는 것을 학습하였습니다.이번 시간에는 그 연장선에서 jQuery에 대하여 조금 더 깊은 관점에서 학습한다고 생각하시면 될 것 같습니다. 그러면 바로 시작하도록 하겠습니다. 1. 암시적 반복 아래의 코드를 먼저 html 파일에 입력합니다. HTML CSS JavaScript 이는 아래의 내용을 출력합니다. 그리고 콘솔을 통해 jQuery 객체를 불러옵니다. 콘솔에 아래의 명령어를 입력합니다. var li = $('li')// li 태그값을 갖는 엘리먼트를 모두 저장 li.css('text-decoration','underline');// li..
안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 지난 DOM 객체의 엘리먼트 객체를 찾아내는 것에 대하여 조금 더 심화학습해 보고자 합니다. 바로 시작합니다. 1. HTML Element (1) 바로 실습코드를 확인해 보도록 하겠습니다. HTML CSS JavaScript 이는 li 변수에 document.getElementById 를 통해서는 단 하나의 엘리먼트만lis 라는 변수에는 document.getElementsByTagName 를 통해 여러개의 엘리먼트가 리턴되어 저장되는 것을 확인할 수 있습니다. 실행결과는 아래와 같습니다. 2. HTML Element (2) 다음코드입니다. aaaa.com HTML CSS JavaScript 위의 코드에서 Id list 를 기준으로 엘리먼트를 tar..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 jquery 의 실질적인 사용법에 대하여 알아보고자 합니다. 1. jquery 기본 문법 jQuery 의 문법은 단순하지만 강력합니다. 기본 문법 $('li').css('color','red'); $() 는 jQuery 의 함수입니다. 위에서 css li 객체를 넘겨주고 color 를 red 로 변환합니다. 아래의 어려운 예제를 통해 그 효율성을 생각해보겠습니다.아래의 예제코드는 따라치기 보다는 실행해보고 그 변화를 느끼는 정도로만 사용하면 됩니다. HTML CSS JavaScript var lis = document.getElementsByTagName('li'); for(var i=0; i